import { default as React } from 'react';
import { StyleProps, PolymorphicProps } from '../../style-engine';
type TabsRootVariantProps = StyleProps<typeof tabsRootStyles>;
type TabVariantProps = StyleProps<typeof tabStyles>;
declare const tabsRootStyles: import('../../style-engine').StylesDef<{
    orientation: {
        horizontal: string;
        vertical: string;
    };
}>;
declare const tabStyles: import('../../style-engine').StylesDef<{
    orientation: {
        vertical: string;
        horizontal: string;
    };
    state: {
        active: string;
        inactive: string;
    };
    color: {
        readonly primary: "";
        readonly secondary: "";
        readonly accent: "";
        readonly muted: "";
        readonly success: "";
        readonly warning: "";
        readonly danger: "";
        readonly info: "";
        readonly gradient: "";
    };
}>;
export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Pick<TabsRootVariantProps, 'orientation'>, Pick<TabVariantProps, 'color'> {
    defaultValue?: string;
    value?: string;
    onValueChange?: (value: string) => void;
}
export declare function Tabs({ defaultValue, value, onValueChange, orientation, color, className, children, ...props }: TabsProps): React.JSX.Element;
export interface TabListProps extends React.HTMLAttributes<HTMLDivElement> {
    loop?: boolean;
}
export declare function TabList({ className, loop, ...props }: TabListProps): React.JSX.Element;
export interface TabCustomProps {
    value: string;
    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
}
export type TabProps<E extends React.ElementType> = PolymorphicProps<E, TabCustomProps>;
export declare function Tab<E extends React.ElementType = 'button'>({ value, className, disabled, onClick, as, icon: Icon, children, ...props }: TabProps<E>): React.JSX.Element;
export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
    value: string;
}
export declare function TabPanel({ value, className, ...props }: TabPanelProps): React.JSX.Element | null;
export {};