import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
import { type ButtonProps } from '../../../atoms/buttons/Button/index.js';
import { type AvatarProps } from '../../../molecules/data/Avatar/index.js';
import { type DropdownMenuItemProps } from '../../menus/DropdownMenu/index.js';
export interface BreadcrumbItemType {
    /** Display label for the breadcrumb */
    label: string;
    /** URL for the breadcrumb link */
    href?: string;
    /** Whether this is the current/active page */
    isCurrent?: boolean;
}
export type PageHeaderActionButtonProps = Omit<ButtonProps, 'variant' | 'onClick' | 'children'>;
export type PageHeaderOverflowActionProps = Pick<DropdownMenuItemProps, 'aria-describedby' | 'aria-label' | 'className' | 'disabled' | 'icon' | 'id' | 'title'> & Partial<Record<`data-${string}`, unknown>>;
export interface PageHeaderAction {
    /** Button label */
    label: string;
    /** Button variant */
    variant?: ButtonProps['variant'];
    /** Click handler */
    onClick?: () => void;
    /**
     * Additional props applied only when the action renders as a visible Button.
     * Use overflowProps for actions that move into the More actions menu.
     */
    buttonProps?: PageHeaderActionButtonProps;
    /**
     * Additional props applied only when the action renders as an overflow menu item.
     * Menu icons are intentionally explicit so button endIcon values do not become
     * misleading leading menu icons.
     */
    overflowProps?: PageHeaderOverflowActionProps;
}
declare const pageHeaderVariants: (props?: ({
    variant?: "avatar" | "banner-avatar" | "banner-avatar-centered" | "banner-simple" | "banner-simple-centered" | "simple" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const contentVariants: (props?: ({
    variant?: "avatar" | "banner-avatar" | "banner-avatar-centered" | "banner-simple" | "banner-simple-centered" | "simple" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const bannerVariants: (props?: ({
    variant?: "centered" | "default" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface PageHeaderProps extends VariantProps<typeof pageHeaderVariants> {
    /** Page title */
    title: string;
    /** Supporting text/description */
    supportingText?: string;
    /** Breadcrumb items for desktop navigation */
    breadcrumbs?: BreadcrumbItemType[];
    /** Action buttons */
    actions?: PageHeaderAction[];
    /** Search placeholder text - enables search input when provided */
    searchPlaceholder?: string;
    /** Keyboard shortcut to display in search input */
    searchShortcut?: string;
    /** Search callback */
    onSearch?: (value: string) => void;
    /** Show bottom divider */
    showDivider?: boolean;
    /** Avatar props for avatar variants */
    avatarSrc?: string;
    /** Avatar fallback text (e.g., name for initials) */
    avatarFallback?: string;
    /** Avatar indicator */
    avatarStatusIcon?: AvatarProps['indicator'];
    /** Back button click handler (mobile) */
    onBackClick?: () => void;
    /** Back button label (mobile) */
    backLabel?: string;
    /** Additional className */
    className?: string;
}
declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLElement>>;
export { bannerVariants, contentVariants, PageHeader, pageHeaderVariants };