/**
 * TabContainer Component
 *
 * A standardized, accessible tab component with full keyboard navigation support.
 * Implements ARIA tab patterns and consistent styling across the application.
 *
 * @module components/common/TabContainer
 */
import React from 'react';
import { Tab } from '../../types/tabs';
/**
 * Props for TabContainer component
 */
export interface TabContainerProps {
    /** Array of tabs to render */
    tabs: Tab[];
    /** Initial active tab ID (defaults to first tab) */
    initialTab?: string;
    /** Callback when tab changes */
    onChange?: (tabId: string) => void;
    /** Optional CSS class for additional styling */
    className?: string;
    /** Test ID for testing purposes */
    testId?: string;
}
/**
 * TabContainer - Standardized tab navigation component
 *
 * Features:
 * - Full keyboard navigation (Arrow Left/Right, Home, End)
 * - ARIA attributes for accessibility
 * - Support for icons and badges
 * - Disabled tab support
 * - Consistent visual styling with design tokens
 *
 * @example
 * ```tsx
 * const tabs: Tab[] = [
 *   {
 *     id: 'overview',
 *     label: 'Overview',
 *     icon: <ChartIcon />,
 *     content: <OverviewPanel />,
 *     testId: 'overview-tab',
 *   },
 *   {
 *     id: 'details',
 *     label: 'Details',
 *     badge: '5',
 *     content: <DetailsPanel />,
 *   },
 * ];
 *
 * <TabContainer
 *   tabs={tabs}
 *   initialTab="overview"
 *   onChange={(tabId) => console.log('Tab changed:', tabId)}
 *   testId="my-tabs"
 * />
 * ```
 */
export declare const TabContainer: React.FC<TabContainerProps>;
export default TabContainer;
//# sourceMappingURL=TabContainer.d.ts.map