import { type IControlled } from '@epam/uui-core';
import React, { ForwardedRef } from 'react';
import { TabButtonProps } from '../buttons/TabButton';
import { FlexRowProps } from './FlexItems';
type TabId = string;
type TabElement = HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;
export type TabsItemProps = TabButtonProps & {
    /** Ref to the tab button. */
    ref?: ForwardedRef<TabElement>;
    /** ID of the tab button. There should be only one element with such ID on a page. */
    id: TabId;
};
export interface TabsProps extends IControlled<TabId>, FlexRowProps {
    /** `TabButton` props with required `id` field. */
    items: Array<TabsItemProps>;
}
export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=Tabs.d.ts.map