From afe64cfe20f36731427733b2ceb09428117b9256 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 8 Nov 2024 12:16:44 +0000
Subject: [PATCH] Decomplicate className system for Modal

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

diff --git a/src/Modal.tsx b/src/Modal.tsx
index 29da290f..63d5c50a 100644
--- a/src/Modal.tsx
+++ b/src/Modal.tsx
@@ -35,11 +35,11 @@ export interface Props {
   children: ReactNode;
   className?: string;
   /**
-   * Class name to be used when in drawer mode (touchscreen). If `className` is given, this is ignored.
+   * Class name to be used when in drawer mode (touchscreen).
    */
   classNameDrawer?: string;
   /**
-   * Class name to be used when in modal mode (desktop). If `className` is given, this is ignored.
+   * Class name to be used when in modal mode (desktop).
    */
   classNameModal?: string;
   /**
@@ -99,7 +99,8 @@ export const Modal: FC<Props> = ({
           <Drawer.Overlay className={classNames(overlayStyles.bg)} />
           <Drawer.Content
             className={classNames(
-              className ?? classNameDrawer,
+              className,
+              classNameDrawer,
               overlayStyles.overlay,
               styles.modal,
               styles.drawer,
@@ -163,7 +164,8 @@ export const Modal: FC<Props> = ({
           >
             <Glass
               className={classNames(
-                className ?? classNameModal,
+                className,
+                classNameModal,
                 overlayStyles.overlay,
                 overlayStyles.animate,
                 styles.modal,