import { TabsProps as RadixTabsProps } from "@radix-ui/react-tabs";
import { VariantProps } from "@vitality-ds/system";
import React from "react";
import { RemoveBreakPointVariants, valueof } from "../helpers/logic/type-helpers";
import { BaseTabsList } from "./components/TabsList/styled";
type TabData = {
    value: string;
    label: React.ReactNode;
    contentRenderer: (tabsData: unknown) => React.ReactNode;
    disabled?: boolean;
};
export type TabsData = TabData[];
type TabAlignment = valueof<RemoveBreakPointVariants<Pick<VariantProps<typeof BaseTabsList>, "tabAlignment">>>;
export type TabsProps = Pick<RadixTabsProps, "defaultValue" | "value" | "onValueChange" | "orientation" | "dir" | "activationMode"> & {
    /**
     * Pass any react component to the right side of the tabs list area. This component will also be contained by the underline of the tabs list area.
     */
    additionalActions?: React.ReactNode;
    /**
     * Option to stretch the tabs to fill their container or to use the initial, left alignment.
     * @default "initial"
     */
    tabAlignment?: TabAlignment;
    /**
     * Array of tabsData describing both the tabs and their content
     */
    tabsData: TabsData;
    /**
     * aria-label property which describes the tabs list element.
     */
    tabListAriaLabel: string;
};
export {};