fix data-testid not overriding

ensdomains · Jan 9, 2025 · 251660f · 251660f
1 parent 00d94d8
commit 251660f
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/components/src/components/atoms/BackdropSurface/BackdropSurface.tsx b/components/src/components/atoms/BackdropSurface/BackdropSurface.tsx
@@ -5,16 +5,16 @@ import type { TransitionState } from 'react-transition-state'
 import { backdropSurface } from './styles.css'
 import type { BoxProps } from '../Box/Box'
 import { Box } from '../Box/Box'
+import { clsx } from 'clsx'
 
 export type BackdropSurfaceProps = { $state: TransitionState['status'], $empty: boolean } & BoxProps
 
 export const BackdropSurface = React.forwardRef<HTMLElement, BackdropSurfaceProps>(
-  ({ $empty, $state, ...props }, ref) => (
+  ({ $empty, $state, className, ...props }, ref) => (
     <Box
-      {...props}
-      className={backdropSurface({
+      className={clsx(className, backdropSurface({
         entered: !$empty && $state === 'entered',
-      })}
+      }))}
       height="viewHeight"
       left="0"
       overflow="hidden"
@@ -27,6 +27,7 @@ export const BackdropSurface = React.forwardRef<HTMLElement, BackdropSurfaceProp
       width="viewWidth"
       zIndex={9999}
       data-testid="backdrop-surface"
+      {...props}
     />
   ),
 )