import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderTab_unstable as renderTab } from '@fluentui/react-tabs';
import { renderTabList_unstable as renderTabList } from '@fluentui/react-tabs';
import type { TabBaseProps } from '@fluentui/react-tabs';
import type { TabBaseState } from '@fluentui/react-tabs';
import type { TabListBaseProps } from '@fluentui/react-tabs';
import type { TabListBaseState } from '@fluentui/react-tabs';
import type { TabListContextValues as TabListContextValues_2 } from '@fluentui/react-tabs';
import type { TabListSlots as TabListSlots_2 } from '@fluentui/react-tabs';
import { TabSlots } from '@fluentui/react-tabs';
import { TabValue } from '@fluentui/react-tabs';

export { renderTab }

export { renderTabList }

/**
 * A tab  component for organizing content.
 */
export declare const Tab: ForwardRefComponent<TabProps>;

/**
 * A tab list component for organizing content.
 */
export declare const TabList: ForwardRefComponent<TabListProps>;

/**
 * TabList component context values
 */
declare type TabListContextValues = TabListContextValues_2;

/**
 * TabList component props
 */
export declare type TabListProps = TabListBaseProps;

/**
 * TabList component slots
 */
export declare type TabListSlots = TabListSlots_2;

/**
 * TabList component state
 */
export declare type TabListState = TabListBaseState & {
    root: {
        focusgroup?: string;
        /**
         * Data attribute set to reflect the orientation of the tab list. Value is 'vertical' or 'horizontal'.
         */
        'data-orientation'?: 'vertical' | 'horizontal';
    };
};

export declare type TabProps = TabBaseProps;

export { TabSlots }

export declare type TabState = TabBaseState & {
    root: {
        focusgroupstart?: string;
        'data-icon-only'?: string;
        'data-selected'?: string;
        'data-disabled'?: string;
    };
};

export { TabValue }

/**
 * Returns the state for a Tab component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderTab`.
 */
export declare const useTab: (props: TabProps, ref: React_2.Ref<HTMLElement>) => TabState;

/**
 * Returns the state for a TabList component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderTabList`.
 */
export declare const useTabList: (props: TabListProps, ref: React_2.Ref<HTMLElement>) => TabListState;

export declare const useTabListContextValues: (state: TabListState) => TabListContextValues;

export { }