import React from "react";
import { Ionicons } from "@expo/vector-icons";
export interface BottomNavItem<T extends string = string> {
    id: T;
    label: string;
    /** Ionicons glyph name (active state). */
    icon: keyof typeof Ionicons.glyphMap;
    /** Optional outline variant for the inactive state. Defaults to `icon`. */
    iconOutline?: keyof typeof Ionicons.glyphMap;
    /** When false the tab is hidden from the strip. */
    visible?: boolean;
}
export interface BottomNavProps<T extends string = string> {
    items: BottomNavItem<T>[];
    active: T;
    onChange: (tab: T) => void;
}
/**
 * Sticky tab strip used in the extension popup and small-window
 * surfaces. Hidden items collapse the strip naturally; supply the
 * `iconOutline` variant for the inactive state when an icon needs a
 * different glyph.
 */
export declare function BottomNav<T extends string = string>({ items, active, onChange, }: BottomNavProps<T>): React.JSX.Element;
//# sourceMappingURL=bottom-nav.d.ts.map