import React from 'react';
import type { ReactNode } from 'react';
import './Tabs.scss';
export interface TabItem {
    id: string;
    label: string;
    icon?: string;
    content?: ReactNode;
    targetId?: string;
    disabled?: boolean;
}
export interface TabsProps {
    tabs: TabItem[];
    defaultActiveTab?: string;
    variant?: 'default' | 'elevated' | 'pills' | 'underline';
    size?: 'sm' | 'md' | 'lg';
    isFullWidth?: boolean;
    isVertical?: boolean;
    showIcons?: boolean;
    className?: string;
    onTabChange?: (tabId: string) => void;
}
export interface TabListProps {
    children: ReactNode;
    className?: string;
}
export declare const TabList: React.FC<TabListProps>;
export interface TabProps {
    tabId: string;
    children: ReactNode;
    className?: string;
}
export declare const Tab: React.FC<TabProps>;
export interface TabPanelProps {
    tabId: string;
    children: ReactNode;
    className?: string;
}
export declare const TabPanel: React.FC<TabPanelProps>;
export interface TargetContentProps {
    targetId: string;
}
export declare const TargetContent: React.FC<TargetContentProps>;
export declare const Tabs: React.FC<TabsProps>;
export declare const SimpleTabs: React.FC<TabsProps>;
//# sourceMappingURL=Tabs.d.ts.map