import * as react from 'react';
import { ReactNode, SyntheticEvent, ComponentProps } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { InternalProps, InteractionProps, StyledComponentProps, OmitInternalProps } from '../../shared/src/types.js';
import { TabType } from './useTabsItems.js';
import '../../styling/src/styled-system/props-handler.js';
import 'csstype';
import '../../styling/src/useResponsiveValue.js';
import '../../styling/src/BreakpointProvider.js';
import '../../shared/src/type-fest.js';
import '../../styling/src/styled-system/StylingContext.js';

declare const TabKeyProp = "data-o-ui-key";
declare const DefaultElement = "button";
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;
}
declare function InnerTab({ active, as, children, disabled, focus, forwardedRef, hover, onSelect, role, tab: { key, panelId, tabId }, ...rest }: InnerTabProps): react_jsx_runtime.JSX.Element;
declare namespace InnerTab {
    var defaultElement: string;
}
/**
 * Tabs are used to organize content by grouping similar information on the same page.
 *
 * [Documentation](https://wl-orbiter-website.netlify.app/?path=/docs/tabs--default-story)
*/
declare const Tab: react.ForwardRefExoticComponent<Omit<OmitInternalProps<InnerTabProps>, "ref"> & react.RefAttributes<any>>;
type TabProps = ComponentProps<typeof Tab>;

export { InnerTab, type InnerTabProps, Tab, TabKeyProp, type TabProps };