import { FC, ReactNode } from 'react';
type VariantNames = 'underline' | 'pills' | 'bordered' | 'solid';
type SizeNames = 'small' | 'medium' | 'large';
type ColorNames = 'primary' | 'secondary' | 'success' | 'danger';
export interface TabGroupExtendedProps {
    variant?: VariantNames;
    className?: string;
    selectedIndex?: number;
    defaultIndex?: number;
    onChange?: (index: number) => void;
    children?: ReactNode;
}
export declare const TabGroup: FC<TabGroupExtendedProps>;
export interface TabListExtendedProps {
    variant?: VariantNames;
    className?: string;
    children?: ReactNode;
    /** When true, renders a dropdown select on mobile breakpoints (xs, sm). Default: true */
    responsive?: boolean;
}
export declare const TabList: FC<TabListExtendedProps>;
export interface TabItemExtendedProps {
    variant?: VariantNames;
    size?: SizeNames;
    color?: ColorNames;
    className?: string;
    disabled?: boolean;
    showMobileIndicator?: boolean;
    icon?: React.ReactNode;
    children?: ReactNode;
    __index?: number;
    __selected?: boolean;
    __baseId?: string;
    __onSelect?: () => void;
}
export declare function TabItem({ children, className, disabled, showMobileIndicator, variant, size, color, icon, __index, __selected, __baseId, __onSelect, }: TabItemExtendedProps): import("react/jsx-runtime").JSX.Element;
export interface TabPanelsProps {
    className?: string;
    children?: ReactNode;
}
export declare function TabPanels({ children, className }: TabPanelsProps): import("react/jsx-runtime").JSX.Element;
export interface TabPanelProps {
    className?: string;
    children?: ReactNode;
    __index?: number;
    __selected?: boolean;
    __baseId?: string;
}
export declare function TabPanel({ children, className, __index, __selected, __baseId, }: TabPanelProps): import("react/jsx-runtime").JSX.Element | null;
export {};
