Merge pull request #1039 from glints-dev/feature/sidesheet-classnames

chore: adds class name for side sheet container
glints-dev · Jul 9, 2024 · 71a558d · 71a558d
2 parents 823cf04 + beb5dbf
commit 71a558d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/@next/SideSheet/SideSheet.tsx b/src/@next/SideSheet/SideSheet.tsx
@@ -17,6 +17,7 @@ import {
   SideSheetContent,
 } from './SideSheetStyle';
 import { Typography } from '../Typography';
+import classNames from 'classnames';
 
 export interface SideSheetProps {
   isOpen: boolean;
@@ -90,7 +91,12 @@ const SideSheet = React.forwardRef<HTMLDivElement, SideSheetProps>(
               onClick={handleClose}
             >
               <StyledSideSheetContainer
-                className={`${isClosedAnimation ? 'closed' : ''}`}
+                className={classNames(
+                  {
+                    closed: isClosedAnimation,
+                  },
+                  'side-sheet-container'
+                )}
                 ref={ref}
                 onClick={e => e.stopPropagation()}
                 {...props}