Tabs

import { type ComponentPropsWithoutRef, type ReactNode } from 'react';

import { Tabs as TabsPrimitive } from 'radix-ui';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

type TabsPrimitiveProps = Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, 'orientation'>;

type TabsListPrimitiveProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;

type TabsTriggerPrimitiveProps = Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, 'asChild'>;

type TabsContentPrimitiveProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;

export type TabsProps = TabsPrimitiveProps & DataAttributes;

export type TabsListProps = TabsListPrimitiveProps & DataAttributes;

export type TabsTriggerProps = TabsTriggerPrimitiveProps & DataAttributes & {
    leading?: ReactNode;
};

export type TabsContentProps = TabsContentPrimitiveProps & DataAttributes;

export declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitiveProps & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const TabsList: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerPrimitiveProps & DataAttributes & {
    leading?: ReactNode;
} & import("react").RefAttributes<HTMLButtonElement>>;

export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;