import React from 'react';
import { IconProps } from '../Icon/index.js';
import { HTMLTribeProps, As } from '../types/index.js';
import { TabSize, TabVariant } from './TabsContext.js';
export declare const Tabs: {
    (): any;
    Group: React.FC<TabGroupProps>;
    List: React.FC<TabListProps>;
    Tab: React.FC<TabItemProps>;
    Panels: React.FC<TabPanelsProps>;
    Panel: (props: any) => JSX.Element;
};
export declare type TabGroupProps = {
    as?: As;
    defaultIndex?: number;
    onChange?: (index: number) => void;
    manual?: boolean;
};
export declare type TabListProps = React.ComponentProps<'div'> & {
    as?: As;
    variant?: TabVariant;
    size?: TabSize;
    fullWidth?: boolean;
    shadow?: boolean;
    rounded?: 'none' | 'desktop' | 'all';
    divide?: boolean;
    attached?: 'bottom' | 'top' | 'none';
};
export declare type TabItemProps = HTMLTribeProps<'button'> & {
    as?: As;
    selected?: boolean;
    leadingIcon?: IconProps;
};
export declare type TabPanelsSpacing = 'sm' | 'md' | 'lg' | 'none';
export declare type TabPanelsProps = React.ComponentProps<'div'> & {
    as?: As;
    spacing?: TabPanelsSpacing;
};