Support as for Pagehead

primer · Dec 19, 2024 · 6967171 · 6967171
1 parent a1dd96a
commit 6967171
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/react/src/Pagehead/Pagehead.tsx b/packages/react/src/Pagehead/Pagehead.tsx
@@ -6,7 +6,7 @@ import {defaultSxProp} from '../utils/defaultSxProp'
 import Box from '../Box'
 
 const Pagehead = ({className, sx: sxProp = defaultSxProp, ...rest}: PageheadProps) => {
-  if (sxProp !== defaultSxProp) {
+  if (sxProp !== defaultSxProp || rest.as) {
     return <Box sx={sxProp} className={clsx(classes.Pagehead, className)} {...rest} />
   }
   return <div className={clsx(classes.Pagehead, className)} {...rest} />
@@ -15,5 +15,8 @@ const Pagehead = ({className, sx: sxProp = defaultSxProp, ...rest}: PageheadProp
 /**
  * @deprecated
  */
-export type PageheadProps = SxProp & React.ComponentPropsWithoutRef<'div'>
+export type PageheadProps = SxProp &
+  React.ComponentPropsWithoutRef<'div'> & {
+    as?: React.ElementType
+  }
 export default Pagehead