import * as React from "react";
import { TabProps as FluentTabProps } from "@fluentui/react-components";
export declare const tabsTriggerClassName = "flex items-center relative !bg-[#FAFAFA] hover:!bg-transparent dark:!bg-grayMediumColor dark:hover:!bg-transparent py-[0.75rem] px-[0.625rem] !text-xs-13 rounded-none cursor-pointer dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-100 data-[state=active]:font-bold";
export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
    variant?: "default" | "pills" | "underline";
}
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
declare const TabsList: React.ForwardRefExoticComponent<Omit<import("@fluentui/react-tabs").TabListSlots, "root"> & Omit<{
    as?: "div" | undefined;
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
}, "children"> & {
    children?: any;
}, "ref"> & {
    appearance?: "transparent" | "subtle" | "subtle-circular" | "filled-circular";
    reserveSelectedTabSpace?: boolean;
    defaultSelectedValue?: import("@fluentui/react-tabs").TabValue;
    disabled?: boolean;
    onTabSelect?: import("@fluentui/react-tabs").SelectTabEventHandler;
    selectTabOnFocus?: boolean;
    selectedValue?: import("@fluentui/react-tabs").TabValue;
    size?: "small" | "medium" | "large";
    vertical?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
export interface TabsTriggerProps extends Omit<FluentTabProps, "icon"> {
    /** Optional icon to display before the tab label */
    icon?: React.ReactNode;
    /** Variant style */
    variant?: "default" | "pills" | "underline";
}
declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
    /** The value of the tab this content belongs to */
    value?: string;
}
declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
declare const TabList: React.ForwardRefExoticComponent<Omit<import("@fluentui/react-tabs").TabListSlots, "root"> & Omit<{
    as?: "div" | undefined;
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
}, "children"> & {
    children?: any;
}, "ref"> & {
    appearance?: "transparent" | "subtle" | "subtle-circular" | "filled-circular";
    reserveSelectedTabSpace?: boolean;
    defaultSelectedValue?: import("@fluentui/react-tabs").TabValue;
    disabled?: boolean;
    onTabSelect?: import("@fluentui/react-tabs").SelectTabEventHandler;
    selectTabOnFocus?: boolean;
    selectedValue?: import("@fluentui/react-tabs").TabValue;
    size?: "small" | "medium" | "large";
    vertical?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
declare const Tab: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
declare const TabPanel: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
export { Tabs, TabsList, TabsTrigger, TabsContent, TabList, Tab, TabPanel };
//# sourceMappingURL=tabs.d.ts.map