import * as react from 'react';
import { HTMLAttributes, ReactNode } from 'react';

type PageHeaderAlign = 'start' | 'center';
type PageHeaderSize = 'md' | 'lg';
interface PageHeaderShimmerProps {
    children: ReactNode;
    className?: string;
}
/** Inline shimmer accent for use inside `PageHeader` `title` or elsewhere. */
declare function PageHeaderShimmer({ children, className }: PageHeaderShimmerProps): react.JSX.Element;
declare namespace PageHeaderShimmer {
    var displayName: string;
}
interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
    eyebrow?: ReactNode;
    title: ReactNode;
    /**
     * When `title` is a string, wraps the first matching substring(s) in `.tollerud-display-shimmer`.
     * Pass a string for a single accent or a string[] to shimmer multiple words/phrases.
     * e.g. shimmer="honest" or shimmer={["beer", "prices"]}
     */
    titleAccent?: string | string[];
    /** Alias for `titleAccent` — word(s) in `title` to render with shimmer. Accepts string or string[]. */
    shimmer?: string | string[];
    /** Optional second title line rendered with display secondary + shimmer styles. */
    titleShimmer?: ReactNode;
    description?: ReactNode;
    actions?: ReactNode;
    meta?: ReactNode;
    align?: PageHeaderAlign;
    size?: PageHeaderSize;
}
declare const PageHeader: react.ForwardRefExoticComponent<PageHeaderProps & react.RefAttributes<HTMLDivElement>>;

export { PageHeader, type PageHeaderAlign, type PageHeaderProps, PageHeaderShimmer, type PageHeaderShimmerProps, type PageHeaderSize };