Elevation support inline style css variable

actifyjs · Jun 10, 2024 · 98b4501 · 98b4501
1 parent 062c6d0
commit 98b4501
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/packages/actify/src/components/Elevation/Elevation.tsx b/packages/actify/src/components/Elevation/Elevation.tsx
@@ -4,17 +4,14 @@ import React from 'react'
 import clsx from 'clsx'
 import elevation from './elevation.module.css'
 
-interface ElevationProps extends React.ComponentProps<'span'> {
+interface ElevationProps
+  extends Omit<React.ComponentProps<'span'>, 'children'> {
   disabled?: boolean
 }
 
-const Elevation = ({ disabled = false }: ElevationProps) => {
-  return (
-    <span
-      aria-hidden="true"
-      className={clsx(elevation['shadow'], disabled && elevation['disabled'])}
-    />
-  )
+const Elevation = ({ disabled = false, ...rest }: ElevationProps) => {
+  const classes = clsx(elevation['shadow'], disabled && elevation['disabled'])
+  return <span {...rest} aria-hidden="true" className={classes} />
 }
 
 Elevation.displayName = 'Actify.Elevation'