import * as React from 'react';
import { PolymorphicComponentProps } from '../Box';
import { AppearanceVals, OrientationVals, VerticalStateAlignment } from './variants';
export declare type TabsOwnProps = {
    /**
     * Must contain `TabList` and `TabPanel` components.
     */
    children: React.ReactNode;
    /**
     * The current selected tab's `id`.
     * If provided and `onChange` is not provided, this value acts as a default value.
     */
    selectedId?: string;
    /**
     * Callback for when the selected tab state changes.
     * When provided you are expected to manage `selectedId` (controlled mode).
     */
    onChange?: (selectedId: string) => void;
    /**
     * Defines the direction the tabs are displayed. Defaults to `horizontal`.
     */
    orientation?: OrientationVals;
    /**
     * Alter the tabs overall appearance - defaults to `minimal`.
     */
    appearance?: AppearanceVals;
    activeStateAlignment?: VerticalStateAlignment;
};
export declare type TabProps<E extends React.ElementType = 'div'> = PolymorphicComponentProps<E, TabsOwnProps>;
export declare const Tabs: <E extends React.ElementType = 'div'>(props: TabProps<E>) => JSX.Element;