import { TabsRoot, TabsList, TabsTab, TabsPanels, TabsPanel } from './components';
/**
* Tabs
* ============================================================
* An accessible tabs component that allows users to switch between different views.
* Built with React Aria Components for keyboard navigation and WCAG 2.1 AA compliance.
*
* @see {@link https://nimbus-documentation.vercel.app/components/navigation/tabs}
*
* @example
* ```tsx
*
*
* Tab 1
* Tab 2
*
*
* Content 1
* Content 2
*
*
* ```
*/
export declare const Tabs: {
/**
* # Tabs.Root
*
* The root component that provides context and state management for the tabs.
* Must wrap all tabs parts (List, Tab, Panels, Panel) to coordinate their behavior.
*
* @example
* ```tsx
*
*
* Tab 1
*
*
* Content
*
*
* ```
*/
Root: {
({ children, tabs, tabListAriaLabel, ...props }: import('./tabs.types').TabsProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* # Tabs.List
*
* The container for tab buttons that allows users to navigate between panels.
* Handles keyboard navigation and manages the active tab state.
*
* @example
* ```tsx
*
* First Tab
* Second Tab
*
* ```
*/
List: {
({ tabs, children, ...props }: import('./tabs.types').TabListProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* # Tabs.Tab
*
* An individual tab button that activates its corresponding panel when selected.
* Supports keyboard navigation, disabled states, and custom content.
*
* @example
* ```tsx
*
*
* Settings
*
* ```
*/
Tab: {
({ children, isDisabled, href, target, rel, routerOptions, ...props }: import('./tabs.types').TabProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* # Tabs.Panels
*
* The container for all tab panels that displays the content for the active tab.
* Manages visibility and accessibility of panel content.
*
* @example
* ```tsx
*
* First panel content
* Second panel content
*
* ```
*/
Panels: {
({ tabs, children, ...props }: import('./tabs.types').TabPanelsProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* # Tabs.Panel
*
* An individual panel that displays content when its corresponding tab is active.
* Automatically manages focus and accessibility attributes.
*
* @example
* ```tsx
*
* Profile Settings
* Manage your profile information here.
*
* ```
*/
Panel: {
({ children, ref, shouldForceMount, ...props }: import('./tabs.types').TabPanelProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
};
export type { TabsProps, TabListProps, TabProps, TabPanelsProps, TabPanelProps, TabItemProps, } from './tabs.types';
/**
* todo: get rid of this, this is needed for the react-docgen-typescript script
* that is parsing the typescript types for our documentation. The _ underscores
* serve as a reminder that this exports are awkward and should not be used.
*/
export { TabsRoot as _TabsRoot, TabsList as _TabsList, TabsTab as _TabsTab, TabsPanels as _TabsPanels, TabsPanel as _TabsPanel, };