import { type HTMLAttributes, type ButtonHTMLAttributes } from "react";
export interface TabGroupProps extends HTMLAttributes<HTMLDivElement> {
}
/**
 * Wrapper that provides a shared id prefix so that Tab and TabPanel
 * can generate matching `id` / `aria-controls` / `aria-labelledby` values.
 *
 * Usage:
 * ```
 * <TabGroup>
 *   <Tabs>
 *     <Tab value="a" active>A</Tab>
 *     <Tab value="b">B</Tab>
 *   </Tabs>
 *   <TabPanel value="a" selected="a">…</TabPanel>
 *   <TabPanel value="b" selected="a">…</TabPanel>
 * </TabGroup>
 * ```
 */
export declare const TabGroup: import("react").ForwardRefExoticComponent<TabGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export type TabsVariant = "default" | "pills";
export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
    variant?: TabsVariant;
}
export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    active?: boolean;
    id?: string;
    /** Tab の value — aria-controls / id の自動生成に使用 */
    value?: string;
}
export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;
export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
    /** Tab の value と対応する値 */
    value: string;
    /** 現在選択されている Tab の value */
    selected?: string;
}
export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;