import { Root, RootProps } from './tabs-root';
import { List, ListProps } from './tabs-list';
import { Trigger, TriggerProps } from './tabs-trigger';
import { Content, ContentProps } from './tabs-content';
import { Scroll, ScrollProps } from './tabs-scroll';
import { ScrollButton, ScrollButtonProps } from './tabs-scroll-button';
type TabsProps = {
Root: RootProps;
List: ListProps;
Trigger: TriggerProps;
Content: ContentProps;
Scroll: ScrollProps;
ScrollButton: ScrollButtonProps;
};
/**
* Tabs organize content into separate views where only one view can be visible at a time.
* They allow users to quickly navigate between related sections of content.
*
* @component
*
* @example
* // Basic usage
*
*
* First Tab
* Second Tab
*
* Content for first tab
* Content for second tab
*
*
* @example
* // With scroll buttons, only needed if you need to override the default scrollbar behavior
*
*
*
*
* First Tab
* Second Tab
*
*
*
* Content for first tab
* Content for second tab
*
*/
declare const Tabs: typeof Root & {
/**
* Container for the tab triggers. Provides keyboard navigation and proper ARIA roles.
*
* @component
*
* @example
*
* First Tab
* Second Tab
*
*/
List: typeof List;
/**
* The clickable element that toggles the visibility of the corresponding content.
* Must have a unique value prop that matches its paired Content component.
*
* @component
*
* @example
* First Tab
*/
Trigger: typeof Trigger;
/**
* The panel that contains the content for each tab.
* The value prop must match the corresponding Trigger.
*
* @component
*
* @example
* Content for first tab
*/
Content: typeof Content;
/**
* Container that provides horizontal scrolling for the tabs list when it overflows.
*
* @component
*
* @example
*
*
*
* First Tab
* Second Tab
*
*
*
*/
Scroll: typeof Scroll;
/**
* Navigation button for scrolling through the tabs list when it overflows.
*
* @component
*
* @example
*
*
*
* First Tab
* Second Tab
*
*
*
*/
ScrollButton: typeof ScrollButton;
};
export { Tabs };
export type { TabsProps };