import { ComponentProps, ReactNode, SyntheticEvent } from "react"; import { InternalProps, OmitInternalProps, StyledComponentProps } from "../../shared"; import { ResponsiveProp } from "../../styling"; import { TabsOrientation } from "./TabsContext"; declare const DefaultElement = "div"; export interface InnerTabsProps extends InternalProps, StyledComponentProps { /** * See [WCAG](https://www.w3.org/TR/WCAG20-TECHS/ARIA14.html). */ "aria-label": string; /** * Whether or not the first focusable tab should autoFocus on render. */ autoFocus?: boolean | number; /** * React children. */ children: ReactNode; /** * Whether or not the tabs could collapsed to fit into the available space. */ collapsible?: boolean; /** * The initial value of `selectedKey` when uncontrolled. */ defaultSelectedKey?: string; /** * Whether or not the tabs take up the width of the container. */ fluid?: ResponsiveProp; /** * Whether or not keyboard navigation changes focus between tabs but doens't activate it. */ manual?: boolean; /** * Called when the selected tab change. * @param {SyntheticEvent} event - React's original event. * @param {string} key - The selected tab key. * @returns {void} */ onSelectionChange?: (event: SyntheticEvent, key: string) => void; /** * The orientation of the tabs elements. */ orientation?: ResponsiveProp; /** * A controlled selected key. */ selectedKey?: string | null; } export declare function InnerTabs({ "aria-label": ariaLabel, as, autoFocus, children, collapsible, defaultSelectedKey, fluid, forwardedRef, id, manual, onSelectionChange, orientation, selectedKey: selectedKeyProp, ...rest }: InnerTabsProps): JSX.Element; export declare namespace InnerTabs { 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 Tabs: import("react").ForwardRefExoticComponent, "ref"> & import("react").RefAttributes>; export declare type TabsProps = ComponentProps; export {};