Refactor: ModalButton 비활성화 속성 추가

8-Sprinters · Feb 2, 2024 · a3eaf2a · a3eaf2a
1 parent 801369a
commit a3eaf2a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Modal/ModalButton.tsx b/src/components/Modal/ModalButton.tsx
@@ -5,15 +5,16 @@ interface ModalButtonProps {
   children: ReactNode;
   onCancel: MouseEventHandler<HTMLButtonElement>;
   onClick: MouseEventHandler<HTMLButtonElement>;
+  isDisabled?: boolean;
 }
 
-export default function ModalButton({ children, onCancel, onClick }: ModalButtonProps) {
+export default function ModalButton({ children, onCancel, onClick, isDisabled = false }: ModalButtonProps) {
   return (
     <div className={styles.buttonContainer}>
       <button type="button" className={styles.secondaryButton} onClick={onCancel}>
         취소
       </button>
-      <button type="button" className={styles.primaryButton} onClick={onClick}>
+      <button type="button" className={isDisabled ? styles.disabledButton : styles.primaryButton} onClick={onClick} disabled={isDisabled}>
         {children}
       </button>
     </div>