import { CompoundStylesApiProps, ElementProps, Factory, RaikouColor } from '../../../core';
import { UnstyledButtonProps } from '../../UnstyledButton';
export type TabsTabStylesNames = 'tab' | 'tabSection' | 'tabLabel';
export interface TabsTabProps extends Omit<UnstyledButtonProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<TabsTabFactory>, ElementProps<'button'> {
    /** Value of associated panel */
    value: string;
    /** Tab label */
    children?: React.ReactNode;
    /** Content displayed on the right side of the label, for example, icon */
    rightSection?: React.ReactNode;
    /** Content displayed on the left side of the label, for example, icon */
    leftSection?: React.ReactNode;
    /** Key of `theme.colors` or any valid CSS color, controls control color based on `variant` */
    color?: RaikouColor;
}
export type TabsTabFactory = Factory<{
    props: TabsTabProps;
    ref: HTMLButtonElement;
    stylesNames: TabsTabStylesNames;
    compound: true;
}>;
export declare const TabsTab: import("../../../core").RaikouComponent<{
    props: TabsTabProps;
    ref: HTMLButtonElement;
    stylesNames: TabsTabStylesNames;
    compound: true;
}>;