export type HeaderSize = "sm" | "md" | "lg";
export interface HeaderProps {
    /** Navigation component - allows apps to use their own router (e.g., react-router NavLink) */
    navigation?: React.ReactNode;
    /** Mobile navigation component - content for mobile menu */
    mobileNavigation?: React.ReactNode;
    /** Logo component - allows service to customize branding if needed */
    logo?: React.ReactNode;
    /** Mobile logo component */
    mobileLogo?: React.ReactNode;
    /** Right-side actions (e.g., Connect button, settings) */
    rightActions?: React.ReactNode;
    /** Optional className for header container */
    className?: string;
    /** Optional className for the inner Container - controls max-width, padding, etc. */
    containerClassName?: string;
    /** Whether to show mobile menu button */
    showMobileMenu?: boolean;
    /** Size of the header - controls spacing and height
     * @default "md"
     * - sm: compact spacing (mb-8)
     * - md: default spacing (mb-20)
     * - lg: spacious spacing (mb-32)
     */
    size?: HeaderSize;
}
export declare const Header: ({ navigation, mobileNavigation, logo, mobileLogo, rightActions, className, containerClassName, showMobileMenu, size, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;