import { default as React } from 'react'; export interface HeaderProps { /** * Content rendered inside the header, typically Header.Logo, Header.Center, and Header.Actions subcomponents. */ children: React.ReactNode; /** * Toggle element for the mobile side navigation menu. * Typically a SideNav.Toggle component. */ toggle?: React.ReactNode; /** * Content rendered below the main header bar on mobile viewports (below `md` breakpoint). * Commonly used for a mobile-specific search bar or other compact navigation elements. */ bottom?: React.ReactNode; /** Additional CSS class name applied to the header wrapper. */ className?: string; } export declare const Header: { (props: HeaderProps): import("react/jsx-runtime").JSX.Element; displayName: string; Logo: { (props: HeaderLogoProps): import("react/jsx-runtime").JSX.Element | null; displayName: string; }; Center: { (props: HeaderCenterProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; Actions: { (props: HeaderActionsProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; Language: { (props: import('.').HeaderLanguageProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; Login: { (props: import('.').HeaderLoginProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; Logout: { (props: import('.').HeaderLogoutProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; Profile: { (props: import('.').HeaderProfileProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; Role: { (props: import('.').HeaderRoleProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; Search: { (props: import('.').HeaderSearchProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; }; export interface HeaderLogoProps { /** * The default logo to display (typically used in light theme). */ logo: React.ReactNode; /** * Optional logo variant for dark theme. * If provided, it will be used when the current theme is dark. */ logoDark?: React.ReactNode; /** * Controls visibility of the logo. * Useful for conditionally hiding the logo based on application state, feature flags, * or custom media queries that fall between standard breakpoints (e.g. 420px). * For responsive hiding at standard breakpoints, prefer wrapping Header.Logo with HideAt/ShowAt. * @default true */ showLogo?: boolean; /** * Optional link URL. * If provided, the logo will be wrapped in an anchor element. */ href?: string; /** Additional CSS class name applied to the logo wrapper. */ className?: string; } export declare const HeaderLogo: { (props: HeaderLogoProps): import("react/jsx-runtime").JSX.Element | null; displayName: string; }; export interface HeaderCenterProps { /** Content rendered in the center area of the header, typically navigation links or a search bar. */ children: React.ReactNode; /** * Controls the horizontal alignment of center content. * @default center */ alignment?: 'flex-start' | 'center' | 'space-between'; /** Additional CSS class name applied to the center content area. */ className?: string; } export declare const HeaderCenter: { (props: HeaderCenterProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; export interface HeaderActionsProps { /** Action elements rendered on the right side of the header (e.g. language selector, login, profile). */ children: React.ReactNode; /** Additional CSS class name applied to the actions wrapper. */ className?: string; } export declare const HeaderActions: { (props: HeaderActionsProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; export default Header;