From 69673c9a83bfdd771094137f7b9e26ef2f2e405b Mon Sep 17 00:00:00 2001
From: Juan Cazala <juancazala@gmail.com>
Date: Fri, 1 Nov 2024 10:43:14 -0300
Subject: [PATCH] feat: add className to Modal

---
 src/components/Modal/Modal.tsx      | 4 ++--
 src/components/Modal/Modal.types.ts | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index d0631d2..e33b9ec 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -65,9 +65,9 @@ const ModalContent = React.memo(
 )
 
 const Modal = React.memo((props: ModalProps) => {
-  const { open, onClose, children, ...modalContentProps } = props
+  const { open, onClose, children, className, ...modalContentProps } = props
   return (
-    <BaseModal open={open} onClose={onClose}>
+    <BaseModal open={open} onClose={onClose} className={className}>
       <ModalContent {...modalContentProps} onClose={onClose}>
         {children}
       </ModalContent>
diff --git a/src/components/Modal/Modal.types.ts b/src/components/Modal/Modal.types.ts
index c117fd5..8fb087f 100644
--- a/src/components/Modal/Modal.types.ts
+++ b/src/components/Modal/Modal.types.ts
@@ -1,6 +1,7 @@
 type ModalProps = {
   open: boolean
   size?: "tiny" | "small" | "medium" | "large"
+  className?: string
   title?: string
   subtitle?: string
   header?: React.ReactNode