import { default as React, ReactNode } from 'react';
export interface TopbarActionsProps {
    /** Action elements (buttons, icons, etc.) */
    children: ReactNode;
    /** Additional CSS classes */
    className?: string;
    /** Gap between action items */
    gap?: 'sm' | 'md' | 'lg';
    /** Alignment of actions */
    align?: 'left' | 'center' | 'right';
}
/**
 * TopbarActions - Container for action buttons and icons in the topbar
 *
 * @example
 * ```tsx
 * <TopbarActions>
 *   <IconButton icon={BellIcon} aria-label="Notifications" />
 *   <IconButton icon={SettingsIcon} aria-label="Settings" />
 *   <Button variant="primary">Sign In</Button>
 * </TopbarActions>
 * ```
 */
export declare const TopbarActions: React.FC<TopbarActionsProps>;
/**
 * TopbarIconButton - Standardized icon button for topbar actions
 */
export interface TopbarIconButtonProps {
    /** Icon component to render */
    icon: React.ComponentType<{
        className?: string;
    }>;
    /** Click handler */
    onClick?: () => void;
    /** ARIA label for accessibility */
    'aria-label': string;
    /** Additional CSS classes */
    className?: string;
    /** Whether the button is disabled */
    disabled?: boolean;
    /** Badge count (e.g., for notifications) */
    badge?: number;
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
}
export declare const TopbarIconButton: React.FC<TopbarIconButtonProps>;
/**
 * TopbarSearch - Search input component for the topbar
 */
export interface TopbarSearchProps {
    /** Placeholder text */
    placeholder?: string;
    /** Current value */
    value?: string;
    /** Change handler */
    onChange?: (value: string) => void;
    /** Submit handler */
    onSubmit?: (value: string) => void;
    /** Additional CSS classes */
    className?: string;
    /** Width variant */
    width?: 'sm' | 'md' | 'lg' | 'full';
    /** Whether to show on mobile */
    showOnMobile?: boolean;
}
export declare const TopbarSearch: React.FC<TopbarSearchProps>;
//# sourceMappingURL=TopbarActions.d.ts.map