Skip to content

Commit 15f017e

Browse files
committed
update Modal interface
accept props for styling overrides
1 parent 2a7e6d9 commit 15f017e

File tree

1 file changed

+12
-4
lines changed

1 file changed

+12
-4
lines changed

src/components/Modal.tsx

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,27 +5,34 @@ import {
55
ModalOverlay,
66
ModalContent,
77
ModalCloseButton,
8+
type ModalProps,
9+
type ModalContentProps,
810
} from "@chakra-ui/react"
911

1012
export interface IPropsOverlay {
1113
isActive: boolean
1214
}
1315

14-
export interface IProps {
16+
export interface IProps extends ModalContentProps, Pick<ModalProps, "size"> {
1517
children?: React.ReactNode
1618
isOpen: boolean
1719
setIsOpen: (isOpen: boolean) => void
1820
}
1921

20-
const Modal: React.FC<IProps> = ({ children, isOpen, setIsOpen, ...props }) => {
22+
const Modal: React.FC<IProps> = ({
23+
children,
24+
isOpen,
25+
setIsOpen,
26+
size,
27+
...restProps
28+
}) => {
2129
return (
2230
<ChakraModal
2331
isOpen={isOpen}
2432
onClose={() => setIsOpen(false)}
2533
isCentered
26-
size="xl"
34+
size={size ?? "xl"}
2735
scrollBehavior="inside"
28-
{...props}
2936
>
3037
<ModalOverlay bgColor="blackAlpha.700" />
3138

@@ -35,6 +42,7 @@ const Modal: React.FC<IProps> = ({ children, isOpen, setIsOpen, ...props }) => {
3542
border="1px"
3643
borderColor="border"
3744
borderRadius="md"
45+
{...restProps}
3846
>
3947
<ModalCloseButton />
4048
{children}

0 commit comments

Comments
 (0)