/// <reference types="react" />
import type { TabsProps } from './Tabs';
declare const _default: {
    component: import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & import("@radix-ui/react-tabs").TabsProps & {
        variant?: import("./Tabs").TabsVariant | undefined;
    } & import("react").RefAttributes<any>> & {
        id: string;
        List: import("react").ForwardRefExoticComponent<{
            [index: `data-${string}`]: unknown;
            as?: any;
            css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
            className?: string | undefined;
            children?: import("react").ReactNode;
        } & import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<any>>;
        Trigger: import("react").ForwardRefExoticComponent<{
            [index: `data-${string}`]: unknown;
            as?: any;
            css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
            className?: string | undefined;
            children?: import("react").ReactNode;
        } & import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<any>>;
        Content: import("react").ForwardRefExoticComponent<{
            [index: `data-${string}`]: unknown;
            as?: any;
            css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
            className?: string | undefined;
            children?: import("react").ReactNode;
        } & import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<any>>;
    };
    title: string;
    argTypes: {};
};
export default _default;
export declare const Usage: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;
export declare const Subtle: (args: TabsProps) => import("react/jsx-runtime").JSX.Element;