import * as React from 'react';
import { ValuesOf } from '../utils/typeUtils';
import { TYPE, SIZE, ALIGNMENT } from './Tabs.constants';
import { HorizontalScrollCommonProps } from '../common';
export type TabsProps = {
    /** Applied as data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
    /** Specifies a CSS class name to be appended to the component's root element.
     * @internal
     */
    className?: string;
    /** A selected tab id. */
    activeId?: string | number;
    /** If true, places a divider on bottom. */
    showDivider?: boolean;
    /** Specifies whether to display a divider at the bottom of the tabs when `showDivider` isn't set.
     * @deprecated Use `showDivider` instead.
     */
    hasDivider?: boolean;
    /** An array of tabs. */
    items: Item[];
    /** A minimum width of the container. */
    minWidth?: string | number;
    /** Control text alignment in tab item. */
    alignment?: TabsAlignment;
    /** One of: '', compact, compactSide, uniformSide, uniformFull. */
    type?: TabsType;
    /** One of: medium, small, smallMedium. */
    size?: 'small' | 'medium' | 'smallMedium';
    /** Can be either string or renderable node. */
    sideContent?: React.ReactNode;
    /** A specific width of a tab (only for uniformSide type) */
    width?: string | number;
    /** Click event handler. */
    onClick?: (item: Item) => void;
    /** Wraps overflowing content within a scrollable container.
     * @default false
     */
    scrollOnOverflow?: boolean;
    /** Allows to pass all common horizontal scroll props.
     * @linkTypeTo HorizontalScroll
     * @setTypeName HorizontalScrollCommonProps
     */
    horizontalScrollProps?: HorizontalScrollCommonProps;
    /** If true, adds horizontal padding to the tabs container.
     * @default true
     */
    horizontalPadding?: boolean;
};
export type Item = {
    id: string | number;
    title: React.ReactNode;
    minWidth?: number;
    maxWidth?: number;
    dataHook?: string;
    /** If true, the tab is non-interactive and rendered in a visually muted state. */
    disabled?: boolean;
    prefix?: React.ReactNode;
    suffix?: React.ReactNode;
};
export type TabsType = ValuesOf<typeof TYPE>;
export type TabsSize = ValuesOf<typeof SIZE>;
export type TabsAlignment = ValuesOf<typeof ALIGNMENT>;
//# sourceMappingURL=Tabs.types.d.ts.map