import * as React from 'react';

interface TabItem {
    /**
     * The label text for the tab
     */
    label: string;
    /**
     * Optional icon component
     */
    icon?: React.ReactNode;
    /**
     * Value to identify this tab
     */
    value: string;
}
interface TabsProps {
    /**
     * Array of tab items to display
     */
    tabs: TabItem[];
    /**
     * Currently active tab value
     */
    activeTab?: string;
    /**
     * Callback when tab is clicked
     */
    onTabChange?: (value: string) => void;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
    /**
     * Test ID for testing
     */
    'data-testid'?: string;
}
/**
 * Tabs component - Arbor Design System
 *
 * Horizontal tabs with support for icons and various states.
 */
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

export { type TabItem, Tabs, type TabsProps };