import { TabsProps } from './Tabs.types';
/**
 * Tabs component - A navigation component for switching between views
 *
 * @example
 * ```tsx
 * const [activeTab, setActiveTab] = useState('tab1');
 *
 * <Tabs
 *   tabs={[
 *     { id: 'tab1', label: 'Overview' },
 *     { id: 'tab2', label: 'Details', icon: <InfoIcon /> },
 *     { id: 'tab3', label: 'Settings', disabled: true },
 *     { id: 'tab4', label: 'Notifications', badgeText: '5' },
 *   ]}
 *   activeTab={activeTab}
 *   onTabChange={setActiveTab}
 *   variant="underline"
 *   size="md"
 * />
 *
 * // Scrollable tabs for many items
 * <Tabs
 *   tabs={manyTabs}
 *   activeTab={activeTab}
 *   onTabChange={setActiveTab}
 *   scrollable
 * />
 *
 * // Expanded tabs that fill width
 * <Tabs
 *   tabs={tabs}
 *   activeTab={activeTab}
 *   onTabChange={setActiveTab}
 *   expandTabs
 * />
 *
 * // Primary (filled) variant
 * <Tabs
 *   tabs={tabs}
 *   activeTab={activeTab}
 *   onTabChange={setActiveTab}
 *   variant="primary"
 * />
 * ```
 */
export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
export default Tabs;
//# sourceMappingURL=Tabs.d.ts.map