import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
declare const tabsListVariants: (props?: ({
    variant?: "pill" | "boxed" | "bordered" | "lifted" | null | undefined;
    size?: "sm" | "md" | "lg" | null | undefined;
    align?: "center" | "end" | "start" | "stretch" | null | undefined;
    borderPosition?: "bottom" | "top" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type TabsListVariantProps = VariantProps<typeof tabsListVariants>;
interface TabsListProps extends TabsPrimitive.List.Props, TabsListVariantProps {
    /** Enable gradient styling on active tab */
    gradient?: boolean;
}
declare const tabsTriggerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
declare const Tabs: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsTabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
declare const TabsContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * Animated indicator that slides to the active tab position.
 * Use with `variant="bordered"` on TabsList.
 *
 * @example
 * ```tsx
 * <TabsList variant="bordered">
 *   <TabsTrigger value="tab1">Tab 1</TabsTrigger>
 *   <TabsTrigger value="tab2">Tab 2</TabsTrigger>
 *   <TabsIndicator />
 * </TabsList>
 * ```
 */
declare const TabsIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
export { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, };
