diff --git a/src/components/Modal/ActionModal/index.tsx b/src/components/Modal/ActionModal/index.tsx index abfb508b..2844f24a 100644 --- a/src/components/Modal/ActionModal/index.tsx +++ b/src/components/Modal/ActionModal/index.tsx @@ -11,9 +11,10 @@ const ActionModal = ({ onSubButtonClick, mainButtonText, onMainButtonClick, + size, }: ActionModalProps) => { return ( - + diff --git a/src/components/Modal/AlertModal/index.tsx b/src/components/Modal/AlertModal/index.tsx index a500e4b7..32631d09 100644 --- a/src/components/Modal/AlertModal/index.tsx +++ b/src/components/Modal/AlertModal/index.tsx @@ -2,9 +2,9 @@ import { Text, Modal, ModalOverlay, ModalContent, ModalBody, Flex, ModalCloseBut import { AlertModalProps } from '../types'; -const AlertModal = ({ isOpen, onClose, title, children }: AlertModalProps) => { +const AlertModal = ({ isOpen, onClose, title, children, size }: AlertModalProps) => { return ( - + diff --git a/src/components/Modal/ConfirmModal/index.tsx b/src/components/Modal/ConfirmModal/index.tsx index 72c472a9..1e548f8f 100644 --- a/src/components/Modal/ConfirmModal/index.tsx +++ b/src/components/Modal/ConfirmModal/index.tsx @@ -9,9 +9,10 @@ const ConfirmModal = ({ children, confirmButtonText, onConfirmButtonClick, + size, }: ConfirmModalProps) => { return ( - + diff --git a/src/components/Modal/types.ts b/src/components/Modal/types.ts index 771b40a0..a6c3af28 100644 --- a/src/components/Modal/types.ts +++ b/src/components/Modal/types.ts @@ -7,6 +7,7 @@ export interface ActionModalProps { onSubButtonClick: () => void; mainButtonText: string; onMainButtonClick: () => void; + size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full'; } export interface AlertModalProps { @@ -14,6 +15,7 @@ export interface AlertModalProps { onClose: () => void; title: string; children: React.ReactNode; + size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full'; } export interface ConfirmModalProps { @@ -23,4 +25,5 @@ export interface ConfirmModalProps { children: React.ReactNode; confirmButtonText: string; onConfirmButtonClick: () => void; + size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full'; }