import { type StoryObj } from "@storybook/react-vite";
import React from "react";
declare const meta: {
    title: string;
    parameters: {
        design: {
            type: string;
            url: string;
        };
    };
    tags: string[];
    component: {
        (props: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
        displayName: string;
    };
    subcomponents: {
        "Tabs.List": {
            ({ ref, className, ...props }: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
            displayName: string;
        };
        "Tabs.Trigger": {
            ({ ref, className, ...props }: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>>): React.JSX.Element;
            displayName: string;
        };
        "Tabs.Content": {
            ({ ref, className, ...props }: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
            displayName: string;
        };
        "Tabs.Padding": React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "base" | "s" | "xs" | "xl" | "m" | "l" | "2xl" | "3xl" | "4xl">> & {
            as?: "div" | undefined;
            elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/system/Sizes").SIZES;
            backgroundColor?: import("../src/types/general.types").BackgroundColor;
            borderRadius?: keyof typeof import("../src/system/Sizes").SIZES;
            borderRadiusLeft?: keyof typeof import("../src/system/Sizes").SIZES;
            borderRadiusRight?: keyof typeof import("../src/system/Sizes").SIZES;
            hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
            cursor?: import("../src/types/general.types").CursorOption;
        } & {
            ref?: React.Ref<HTMLDivElement> | undefined;
        }>;
        "Tabs.LabelText": React.FC<import("../src/components/Text/Text").LegacyTextProps<"span">>;
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const WithDisabledTab: Story;
export declare const Controlled: Story;
/**
 * Compose a counter `<Badge>` inside `Tabs.Trigger`. Render the badge
 * only when there is a value to show.
 */
export declare const WithBadge: Story;
/**
 * Compose a `<LoadingIndicator>` inside `Tabs.Trigger` to show a small
 * inline spinner next to the label while that tab's data loads.
 */
export declare const WithLoadingIndicator: Story;
/**
 * `Tabs.Trigger` accepts any ReactNode as children, so a trigger can
 * render rich content — an icon, a colored indicator, etc. —
 * alongside or instead of `Tabs.LabelText`.
 */
export declare const TitleAsJsxElement: Story;
/**
 * `Tabs.Trigger` forwards unknown props to the underlying `<button>`,
 * so attributes such as `data-test-id` can be passed directly.
 */
export declare const WithDataTestId: Story;
/**
 * `Tabs` does not carry arbitrary metadata on the component itself.
 * Keep your own mapping keyed by the tab `value` and resolve it on
 * `onValueChange`.
 */
export declare const WithExtraMetadata: Story;
/**
 * When `defaultValue` (or `value`) does not match any `Tabs.Trigger`,
 * no tab is active on mount.
 */
export declare const NoDefaultSelected: Story;