import { ButtonProps, ButtonLinkProps, BreadcrumbsLinkProps, ChipProps } from '../'; import { ComponentPropsWithoutRef, ReactNode } from 'react'; import { LayoutProps } from '../Layout'; /** * Props for page header action buttons */ type PageHeaderActionProps = Omit & { /** * Label text for the action button */ label: string; }; /** * Props for page header actions configuration */ type PageHeaderActionsProps = { /** * Primary action button */ primary?: PageHeaderActionProps; /** * Array of secondary action buttons */ secondary?: PageHeaderActionProps[]; }; /** * Base props for preference actions */ type BasePreferenceProps = { /** * Accessible label for the preference action */ "aria-label": string; }; /** * Props for preference button actions */ type PreferenceButtonProps = Omit & BasePreferenceProps; /** * Props for preference link actions */ type PreferenceLinkProps = Omit & BasePreferenceProps; type PageHeaderTitleConfig = { text: string; onChange?: (title: string) => void | boolean; editButtonLabel?: string; editFieldLabel?: string; confirmButtonLabel?: string; cancelButtonLabel?: string; }; type PageHeaderTitle = PageHeaderTitleConfig["text"] | PageHeaderTitleConfig; /** * Props for the PageHeader component * @extends ComponentPropsWithoutRef<"header"> */ export type PageHeaderProps = Omit, "title"> & { /** * Main title of the page */ title: PageHeaderTitle; /** * Breadcrumb navigation links */ breadcrumbs?: BreadcrumbsLinkProps[]; /** * Status chips to display */ chips?: ChipProps[]; /** * Description text or content below the title */ description?: ReactNode; /** * Primary and secondary action buttons */ actions?: PageHeaderActionsProps; /** * Preference action button or link */ preferenceAction?: PreferenceButtonProps | PreferenceLinkProps; /** * Layout configuration for the header */ layout?: LayoutProps; }; /** * PageHeader component for creating page headers with navigation and actions. * * Features: * - Page title with semantic heading * - Breadcrumb navigation support * - Status chips display * - Primary and secondary action buttons * - Preference action button/link * - Responsive layout with fluid grid * - Accessibility support with proper ARIA labels * - Flexible layout configuration * - Description content support * * @example * */ export declare const PageHeader: import('react').ForwardRefExoticComponent, HTMLElement>, "ref">, "title"> & { /** * Main title of the page */ title: PageHeaderTitle; /** * Breadcrumb navigation links */ breadcrumbs?: BreadcrumbsLinkProps[]; /** * Status chips to display */ chips?: ChipProps[]; /** * Description text or content below the title */ description?: ReactNode; /** * Primary and secondary action buttons */ actions?: PageHeaderActionsProps; /** * Preference action button or link */ preferenceAction?: PreferenceButtonProps | PreferenceLinkProps; /** * Layout configuration for the header */ layout?: LayoutProps; } & import('react').RefAttributes>; export {};