import { ReactElement } from 'react';
import { BreadcrumbProps } from '../Breadcrumb';
import { ContentHeaderProps } from '../ContentHeader';
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
type PageHeaderChild = ReactElement<BreadcrumbProps> | ReactElement<ContentHeaderProps> | null | undefined | false;
/**
 * Props for the PageHeader component.
 * Extends native HTML header element props.
 */
export type PageHeaderProps = NativeElementPropsWithoutKeyAndRef<'header'> & {
    /**
     * Child components: Breadcrumb or ContentHeader
     * */
    children?: PageHeaderChild | PageHeaderChild[];
};
/**
 * PageHeader component
 *
 * Used to display the page header, typically containing a `<Breadcrumb />` and a `<ContentHeader />`.
 *
 * @example
 * ```tsx
 * <PageHeader>
 *   <Breadcrumb
 *     links={[
 *       { id: '1', children: 'Home', href: '/' },
 *       { id: '2', children: 'Page Header' },
 *     ]}
 *   />
 *
 *   <ContentHeader
 *     title="Page Title"
 *     description="This is the page description."
 *   >
 *     <Button variant="base-secondary">Secondary</Button>
 *     <Button>Primary</Button>
 *   </ContentHeader>
 * </PageHeader>
 * ```
 */
declare const PageHeader: import("react").ForwardRefExoticComponent<NativeElementPropsWithoutKeyAndRef<"header"> & {
    /**
     * Child components: Breadcrumb or ContentHeader
     * */
    children?: PageHeaderChild | PageHeaderChild[];
} & import("react").RefAttributes<HTMLElement>>;
export default PageHeader;