import { ComponentProps, ReactNode, SyntheticEvent } from "react";
import { InteractionProps, InternalProps, OmitInternalProps, StyledComponentProps } from "../../shared";
import { TabType } from "./useTabsItems";
export declare const TabKeyProp = "data-o-ui-key";
declare const DefaultElement = "button";
export interface InnerTabProps extends InternalProps, InteractionProps, Omit<StyledComponentProps<typeof DefaultElement>, "onSelect"> {
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * Called when the tab is selected.
     */
    onSelect: (event: SyntheticEvent, key: string) => void;
    /**
     * Whether or not the tab is selected.
     */
    selected?: boolean;
    /**
     * Matching tab item.
     */
    tab: TabType;
}
export declare function InnerTab({ active, as, children, disabled, focus, forwardedRef, hover, onSelect, role, tab: { key, panelId, tabId }, ...rest }: InnerTabProps): JSX.Element;
export declare namespace InnerTab {
    var defaultElement: string;
}
/**
 * Tabs are used to organize content by grouping similar information on the same page.
 *
 * [Documentation](https://orbit.sharegate.design/?path=/docs/tabs--default-story)
*/
export declare const Tab: import("react").ForwardRefExoticComponent<Omit<OmitInternalProps<InnerTabProps, never>, "ref"> & import("react").RefAttributes<any>>;
export declare type TabProps = ComponentProps<typeof Tab>;
export {};