chore: add page header title wrapper

consolelabs · Dec 20, 2023 · 2a742e2 · 2a742e2
1 parent e6d422d
commit 2a742e2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/components/page-header/src/page-header.tsx b/packages/components/page-header/src/page-header.tsx
@@ -38,13 +38,19 @@ const PageHeaderBackButton = forwardRef(({ className, ...props }, ref) => {
 
 PageHeaderBackButton.displayName = 'PageHeaderBackButton'
 
-const PageHeaderTitle = ({ children, className }: PageHeaderTitleProps) => {
+const PageHeaderTitle = ({
+  children,
+  className,
+  wrapperClassName,
+}: PageHeaderTitleProps) => {
   const childNodes = Children.toArray(children)
 
   const [title, ...restChild] = childNodes
 
   return (
-    <div className={pageHeaderTitleWrapperClsx()}>
+    <div
+      className={pageHeaderTitleWrapperClsx({ className: wrapperClassName })}
+    >
       {typeof title === 'string' ? (
         <Typography
           level="h5"

diff --git a/packages/components/page-header/src/type.ts b/packages/components/page-header/src/type.ts
@@ -15,6 +15,7 @@ export type PolymorphicPageHeaderBackButton = Polymorphic.ForwardRefComponent<
 export type PageHeaderTitleProps = {
   children: ReactNode
   className?: string
+  wrapperClassName?: string
 }
 
 export type PageHeaderTitleExtraProps = {