/*! Strand UI | MIT License | dillingerstaffing.com */
import type { ComponentChildren, JSX } from "preact";
export interface TabItem {
    id: string;
    label: string;
    content: ComponentChildren;
}
export interface TabsProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> {
    tabs: TabItem[];
    /** Active tab id; leave unset to let the tabs own it. */
    activeTab?: string;
    /** Initial tab of uncontrolled tabs; the first tab by default. */
    defaultActiveTab?: string;
    onChange?: (id: string) => void;
    /** `automatic` selects as the arrows move focus; `manual` moves focus only and selects on Enter or Space. */
    activation?: "automatic" | "manual";
    /** `instrument` renders the strip as a mono uppercase readout. */
    variant?: "default" | "instrument";
}
/**
 * Tabbed content switcher with the ARIA tabs pattern: arrows, Home and End move between tabs.
 *
 * @example
 * <Tabs tabs={[{ id: "a", label: "A", content: <p>A</p> }]} activeTab="a" onChange={setTab} />
 */
export declare const Tabs: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<TabsProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=Tabs.d.ts.map