/// <reference types="react" />
import * as TabsPrimitive from '@radix-ui/react-tabs';
import { TabsContent } from './TabsContent';
import { TabsList } from './TabsList';
import { TabsTrigger } from './TabsTrigger';
export type TabsVariant = 'subtle' | 'link';
export type TabsProps = TabsPrimitive.TabsProps & {
    variant?: TabsVariant;
};
type Context = {
    variant?: TabsVariant;
};
export declare function useTabsProps(): Context;
type ObjProps = {
    id: string;
    List: typeof TabsList;
    Trigger: typeof TabsTrigger;
    Content: typeof TabsContent;
};
export declare const Tabs: import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: import("react").ReactNode;
} & TabsPrimitive.TabsProps & {
    variant?: TabsVariant | undefined;
} & import("react").RefAttributes<any>> & ObjProps;
export {};