import type { ReactNode } from "react";
import type { SearchProps } from "../search";
export type HeaderClassNames = {
    root?: string;
    inner?: string;
    leftSection?: string;
    centerSection?: string;
    rightSection?: string;
    logoWrapper?: string;
    logoElement?: string;
};
export type HeaderLogoProps = {
    /** Image source used for the header logo. */
    src: string;
    /** Accessible alternative text for the logo image. */
    alt: string;
    /** Optional rendered width for the logo image. */
    width?: number;
    /** Optional rendered height for the logo image. */
    height?: number;
};
export type HeaderProps = {
    /** Custom logo node or structured logo config to render on the left side. */
    logo?: ReactNode | HeaderLogoProps;
    /** Link destination applied to the logo when rendered as a link. */
    logoHref?: string;
    /** Click handler for the logo area when no link navigation is used. */
    onLogoClick?: () => void;
    /** Fully custom search element rendered in the center section. */
    search?: ReactNode;
    /** Props passed to the default search component when `search` is not overridden. */
    searchProps?: SearchProps;
    /** Right-aligned actions rendered in the header. */
    actions?: ReactNode;
    /** Class name overrides for header layout slots. */
    classNames?: HeaderClassNames;
    /** Whether the header should stay pinned to the top while scrolling. */
    sticky?: boolean;
    /** Accessible label applied to the header landmark. */
    "aria-label"?: string;
};
export declare const isHeaderLogoProps: (value: unknown) => value is HeaderLogoProps;
