import { default as React, ReactNode } from 'react';
import { TopbarVariant } from './TopbarContext';
export interface TopbarProps {
    /** Content to render inside the topbar */
    children: ReactNode;
    /** Visual variant of the topbar */
    variant?: TopbarVariant;
    /** Whether the topbar should stick to the top of the viewport */
    sticky?: boolean;
    /** Additional CSS classes */
    className?: string;
    /** Height variant */
    height?: 'sm' | 'md' | 'lg';
    /** Whether to show a backdrop blur effect (for transparent variant) */
    blur?: boolean;
    /** Z-index level */
    zIndex?: 'default' | 'high' | 'highest';
    /** ARIA label for the header landmark */
    'aria-label'?: string;
}
/**
 * Topbar - A flexible, responsive top navigation bar component
 *
 * @example
 * ```tsx
 * <Topbar variant="app" sticky>
 *   <TopbarLeft>
 *     <TopbarMenuToggle />
 *     <TopbarLogo src="/logo.svg" alt="App Logo" />
 *   </TopbarLeft>
 *   <TopbarCenter>
 *     <TopbarNav items={navItems} />
 *   </TopbarCenter>
 *   <TopbarRight>
 *     <TopbarActions>
 *       <Button>Sign In</Button>
 *     </TopbarActions>
 *   </TopbarRight>
 * </Topbar>
 * ```
 */
export declare const Topbar: React.FC<TopbarProps>;
export type { TopbarVariant };
//# sourceMappingURL=Topbar.d.ts.map