From 6aa5c81082f6e8158c5d6c3759a9b7e37a5071f4 Mon Sep 17 00:00:00 2001
From: Tareq Hasan <tareq1988@gmail.com>
Date: Fri, 15 Sep 2023 14:19:57 +0300
Subject: [PATCH] make the modal classNames optional

---
 src/Components/Modal/Modal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/Modal/Modal.tsx b/src/Components/Modal/Modal.tsx
index d141c70..84be855 100644
--- a/src/Components/Modal/Modal.tsx
+++ b/src/Components/Modal/Modal.tsx
@@ -73,7 +73,7 @@ const Modal = ({ isOpen, onClose, maxWidth = 'lg', children }: PropsWithChildren
   );
 };
 
-const ModalHeader = ({ children, className }: PropsWithChildren<{ className: string }>) => {
+const ModalHeader = ({ children, className }: PropsWithChildren<{ className?: string }>) => {
   return (
     <div className={classNames('text-lg font-medium text-gray-900 mb-4 px-5 pt-5', className)}>
       {children}
@@ -81,11 +81,11 @@ const ModalHeader = ({ children, className }: PropsWithChildren<{ className: str
   );
 };
 
-const ModalBody = ({ children, className }: PropsWithChildren<{ className: string }>) => {
+const ModalBody = ({ children, className }: PropsWithChildren<{ className?: string }>) => {
   return <div className={classNames('px-5 pt-0', className)}>{children}</div>;
 };
 
-const ModalActions = ({ children, className }: PropsWithChildren<{ className: string }>) => {
+const ModalActions = ({ children, className }: PropsWithChildren<{ className?: string }>) => {
   return (
     <div className={classNames('px-5 py-4 mt-4 sm:px-6 sm:flex sm:flex-row-reverse', className)}>
       {children}