@starasia/admin 8.0.1 → 8.0.2

package/dist/components/PageLayout/index.d.ts

@@ -21,15 +21,32 @@ interface ActionProps {
     buttonProps?: ButtonProps;
     onClick?: () => void;
 }
+interface SubHeaderProps {
+    /** Content of this header row. */
+    content: ReactNode;
+    /** CSS `order` for positioning this row within the page column (header / subHeaders / body). Negative values move it above the main header. */
+    order?: number;
+    /** Show the subtle bottom border (same style as the main header). Defaults to `true`. */
+    borderBottom?: boolean;
+}
 export interface PageLayoutProps extends PropsWithChildren {
     title?: string | ReactNode;
+    titleIcon?: IconName;
     titleTag?: string;
     header?: boolean;
+    headerBorder?: boolean;
+    /**
+     * Extra header rows rendered below the main header. Each row gets the same
+     * padding as the main header (paddingBlock "sm" / paddingInline "md"), an
+     * optional bottom border, and an optional CSS `order` to reposition it
+     * within the page column. Consumers can add as many as they like.
+     */
+    subHeaders?: SubHeaderProps[];
     backButton?: BackButtonProps;
     action?: ActionProps[] | React.ReactNode;
     titleTagProps?: Omit<IBadges, "text" | "border" | "size">;
     containerProps?: Omit<BoxProps, "variant" | "gap">;
     headerProps?: Omit<BoxProps, "gap">;
 }
-export declare const PageLayout: React.MemoExoticComponent<({ backButton, title, titleTag, children, header, action, titleTagProps, containerProps, headerProps, }: PageLayoutProps) => React.JSX.Element>;
+export declare const PageLayout: React.MemoExoticComponent<({ backButton, title, titleIcon, titleTag, children, header, headerBorder, subHeaders, action, titleTagProps, containerProps, headerProps, }: PageLayoutProps) => React.JSX.Element>;
 export {};