export type BottomNavIcon = 'home' | 'search' | 'plus' | 'inbox' | 'user' | 'heart' | 'grid' | 'bell' | 'bookmark' | 'compass' | 'chat' | 'settings' | 'music' | 'mail';
export interface BottomNavItem {
    id: string;
    label: string;
    icon?: BottomNavIcon;
    badge?: string | number;
    disabled?: boolean;
    /** Center FAB (Flutter CircularNotchedRectangle) */
    primary?: boolean;
}
interface BottomNavProps {
    items?: BottomNavItem[];
    value?: string;
    size?: 'sm' | 'md' | 'lg';
    /**
     * default — full-width docked
     * floating — inset rounded card (Flutter demos)
     * pill — capsule
     * notch — floating + explicit SVG CircularNotchedRectangle
     */
    variant?: 'default' | 'floating' | 'pill' | 'notch';
    showLabels?: boolean;
    blur?: boolean;
    /** Colored FAB background (CSS color or token class handled via style) */
    fabClass?: string;
    /** Soft shadow under the bar */
    elevated?: boolean;
    class?: string;
    onchange?: (id: string) => void;
}
declare const BottomNav: import("svelte").Component<BottomNavProps, {}, "value">;
type BottomNav = ReturnType<typeof BottomNav>;
export default BottomNav;