import type { Snippet } from 'svelte';
export interface NavbarLink {
    id: string;
    label: string;
    href?: string;
    disabled?: boolean;
    badge?: string | number;
}
interface NavbarProps {
    brand?: string;
    /** Real URL for the brand (SEO). Prefer this over onchange for marketing sites. */
    brandHref?: string;
    links?: NavbarLink[];
    value?: string;
    size?: 'sm' | 'md' | 'lg';
    /** Link visual style */
    variant?: 'underline' | 'pills' | 'plain';
    /** Stick to top of viewport */
    sticky?: boolean;
    /** Soft blur over page content when sticky/overlay */
    blur?: boolean;
    /** Transparent bar over a full-bleed photo (marketing heroes) */
    tone?: 'default' | 'on-media';
    /** Show bottom border */
    bordered?: boolean;
    /** Constrain inner content width */
    maxWidth?: 'full' | '5xl' | '6xl' | '7xl' | '2xl';
    /** Hide brand mark + text */
    showBrand?: boolean;
    /** Center nav links (marketing) */
    centerLinks?: boolean;
    class?: string;
    leading?: Snippet;
    actions?: Snippet;
    onchange?: (id: string) => void;
}
declare const Navbar: import("svelte").Component<NavbarProps, {}, "value">;
type Navbar = ReturnType<typeof Navbar>;
export default Navbar;