import type * as React from "react";
import * as TabsPrimitive from "@radix-ui/react-tabs";
import classNames from "classnames";
import { Box } from "../Box/Box";
import { type LegacyTextProps } from "../Text/Text";
export declare function cn(...inputs: classNames.ArgumentArray): string;
declare const TabsRoot: {
    (props: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
    displayName: string;
};
declare const TabsList: {
    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element;
    displayName: string;
};
declare const TabsTrigger: {
    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
    displayName: string;
};
declare const TabsContent: {
    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
    displayName: string;
};
declare const TabsPadding: React.FC<React.ComponentProps<typeof Box<"div">>>;
declare const TabLabelText: React.FC<LegacyTextProps<"span">>;
type StaticComponents = {
    Root: typeof TabsRoot;
    List: typeof TabsList;
    Trigger: typeof TabsTrigger;
    Content: typeof TabsContent;
    Padding: typeof TabsPadding;
    LabelText: typeof TabLabelText;
};
/**
 * A collection of components to construct tabs.
 *
 * @example
 *
 * ```tsx
 * <Tabs.Root defaultValue="account">
 *   <Tabs.List>
 *     <Tabs.Trigger value="account">
 *       <Tabs.LabelText>Account</Tabs.LabelText>
 *     </Tabs.Trigger>
 *     <Tabs.Trigger value="password">
 *       <Tabs.LabelText>Password</Tabs.LabelText>
 *     </Tabs.Trigger>
 *   </Tabs.List>
 *   <Tabs.Content value="account">
 *      <Tabs.Padding>
 *        Account settings content
 *      </Tabs.Padding>
 *   </Tabs.Content>
 *   <Tabs.Content value="password">
 *     <Tabs.Padding>
 *       Password settings content
 *     </Tabs.Padding>
 *   </Tabs.Content>
 * </Tabs.Root>
 * ```
 */
export declare const Tabs: StaticComponents;
export {};