import { type ReactNode } from 'react';
import { type TabsProps as RACTabsProps, type TabProps as RACTabProps } from 'react-aria-components';
import type { AriaLabelingProps, CollectionItem, CollectionProps, CommonProps, Key, StringLikeChildren } from '../types.js';
export interface TabsProps extends CommonProps, AriaLabelingProps, Pick<RACTabsProps, 'selectedKey' | 'defaultSelectedKey' | 'disabledKeys' | 'onSelectionChange'> {
    /** The children of the `<Tabs>` element. Should include `<TabList>` and `<TabPanels>` elements. */
    children: ReactNode;
}
/**
 * Organizes content into multiple sections that users can switch between.
 *
 * See [tabs usage guidelines](https://ui.cimpress.io/components/tabs/).
 */
declare const _Tabs: (props: TabsProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
export { _Tabs as Tabs };
export interface TabListProps<T extends CollectionItem> extends CollectionProps<T> {
}
/** Renders a collection of `Tab` components within `Tabs`. */
export declare function TabList<T extends CollectionItem>({ children, ...props }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
export declare namespace TabList {
    var displayName: string;
}
export interface TabProps extends Pick<RACTabProps, 'isDisabled' | 'onHoverStart' | 'onHoverEnd'> {
    /** The unique ID of the tab. */
    id?: Key;
    /** The text to display as the tab title. */
    children: StringLikeChildren;
    /** An icon displayed before the tab title. */
    iconStart?: ReactNode;
    /** A badge displayed after the tab title. */
    badge?: ReactNode;
}
/** Renders a single tab within `TabList`. */
export declare function Tab({ children, iconStart, badge, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
export declare namespace Tab {
    var displayName: string;
}
export interface TabPanelsProps<T extends CollectionItem> extends CollectionProps<T> {
}
/** Renders a collection of `TabPanel` components within `Tabs`. */
export declare function TabPanels<T extends CollectionItem>({ ...props }: TabPanelsProps<T>): import("react/jsx-runtime").JSX.Element;
export declare namespace TabPanels {
    var displayName: string;
}
export interface TabPanelProps {
    /** The content to display in the tab panel. */
    children: ReactNode;
    /** The unique id of the associated tab. */
    id?: Key;
}
/** Renders a single tab panel within `TabPanels`. */
export declare function TabPanel({ children, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
export declare namespace TabPanel {
    var displayName: string;
}
//# sourceMappingURL=tabs.d.ts.map