/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX, VNode } from "preact";
export interface TabBarItem {
    /** Stable identity, reported by `onNavigate`. */
    id: string;
    label: string;
    /** Destination; omit for a button driven by `onNavigate`. */
    href?: string;
    /** Decorative glyph. */
    icon?: VNode;
}
export interface TabBarProps extends JSX.HTMLAttributes<HTMLElement> {
    /** Three to five destinations (DL 19.1.1). */
    items: TabBarItem[];
    /** `id` of the current destination. */
    current?: string;
    /** Called with an item's `id`; a plain click on a link then stays client-side (cf: tabbar-modified-click). */
    onNavigate?: (id: string) => void;
    /** Accessible name for the landmark. */
    label?: string;
    className?: string;
}
/**
 * The persistent bottom navigation of an application shell on a touch viewport (DL 19.1.1); reserve its space with `strand-tabbar-offset`.
 *
 * @example
 * <TabBar current={route} onNavigate={setRoute} items={[{ id: "discover", label: "Discover", href: "/discover" }]} />
 */
export declare const TabBar: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<TabBarProps> & {
    ref?: import("preact").Ref<HTMLElement> | undefined;
}>;
//# sourceMappingURL=TabBar.d.ts.map