import React from 'react';
import './style.scss';
export interface Tab {
    id: string;
    label: string;
    icon?: React.ReactNode;
    disabled?: boolean;
}
export interface TabGroupProps {
    /** Array of tabs */
    tabs: Tab[];
    /** Currently active tab ID */
    activeTab: string;
    /** Tab change handler */
    onChange: (tabId: string) => void;
    /** Tab variant */
    variant?: 'default' | 'underline' | 'pills';
    /** Tab size */
    size?: 'small' | 'medium' | 'large';
    /** Full width tabs */
    fullWidth?: boolean;
    /** Custom className */
    className?: string;
}
export declare const TabGroup: React.FC<TabGroupProps>;
export interface TabPanelProps {
    /** Tab ID this panel belongs to */
    tabId: string;
    /** Currently active tab ID */
    activeTab: string;
    /** Panel content */
    children: React.ReactNode;
    /** Keep mounted when inactive */
    keepMounted?: boolean;
    /** Custom className */
    className?: string;
}
export declare const TabPanel: React.FC<TabPanelProps>;
//# sourceMappingURL=TabGroup.d.ts.map