import { type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const rootVariants: (props?: ({
    variant?: "light" | "brand" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface HeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'role' | 'children'>, VariantProps<typeof rootVariants> {
    children: ReactNode;
    /** Override the default landmark name. */
    'aria-label'?: string;
    /** Enable the scroll-linked border + shadow (default `true`). */
    scrollLinkedElevation?: boolean;
}
export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
export declare const HeaderStart: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
export declare const HeaderCenter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
export declare const HeaderEnd: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
export interface HeaderBrandProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
    /** Logo slot — an <svg> / <img>. Must carry its own accessible name via aria-label on the wrapping component OR a visible wordmark child. */
    logo?: ReactNode;
    /** Visible wordmark / product name. Sits after the logo. */
    children?: ReactNode;
    /** Destination href. Defaults to "/". */
    href?: string;
    /**
     * Render through Radix `Slot` so a consumer's router link (`<Link>`) takes
     * over the brand anchor while keeping the kit's `brandVariants` styling and
     * any forwarded `aria-label`. Pass a single link element as `children` (the
     * logo + wordmark go inside it). With `asChild` off the output is the plain
     * `<a href>` exactly as before.
     */
    asChild?: boolean;
}
export declare const HeaderBrand: import("react").ForwardRefExoticComponent<HeaderBrandProps & import("react").RefAttributes<HTMLAnchorElement>>;
export declare function HeaderBrandDivider({ className, ...props }: HTMLAttributes<HTMLSpanElement>): ReactNode;
export interface HeaderMenuButtonProps {
    onMenuOpen: () => void;
    'aria-label'?: string;
    className?: string;
}
export declare const HeaderMenuButton: import("react").ForwardRefExoticComponent<HeaderMenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface HeaderSkipLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
    href: string;
    children?: ReactNode;
}
export declare const HeaderSkipLink: import("react").ForwardRefExoticComponent<HeaderSkipLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
export {};
//# sourceMappingURL=header.d.ts.map