From 2a742e27f064942ded27c8134cf61679df7ea795 Mon Sep 17 00:00:00 2001
From: Nguyen Dinh Nam <nguyennamnade22@gmail.com>
Date: Wed, 20 Dec 2023 17:05:30 +0700
Subject: [PATCH] chore: add page header title wrapper

---
 packages/components/page-header/src/page-header.tsx | 10 ++++++++--
 packages/components/page-header/src/type.ts         |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/components/page-header/src/page-header.tsx b/packages/components/page-header/src/page-header.tsx
index 525c86c92..e69ad71c6 100644
--- 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
index 515d9b62a..84c02635b 100644
--- 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 = {