import { type EventEmitter } from '../../stencil-public-runtime';
import type { TabsUpdateEventDetail } from './types';
import type { Theme } from '../../utils/styles';
/**
 * @component diwa-tabs
 *
 * A full tabs component consisting of an integrated tab bar and panel area.
 * Accepts `diwa-tabs-item` elements as children. The component renders
 * its own horizontal tab buttons and shows only the panel for the active
 * tab.
 *
 * Usage:
 *   <diwa-tabs active-tab-index={0} onupdate={e => setTab(e.detail.activeTabIndex)}>
 *     <diwa-tabs-item label="Overview">Content A</diwa-tabs-item>
 *     <diwa-tabs-item label="Details">Content B</diwa-tabs-item>
 *   </diwa-tabs>
 */
export declare class DiwaTabs {
    host: HTMLDiwaTabsElement;
    /** Per-component theme override. */
    theme: Theme;
    /** Zero-based index of the currently active tab. */
    activeTabIndex: number;
    /**
     * Emitted when the user selects a different tab.
     */
    update: EventEmitter<TabsUpdateEventDetail>;
    handleIndexChange(): void;
    componentDidLoad(): void;
    componentDidUpdate(): void;
    private getItems;
    private syncItems;
    private handleTabClick;
    render(): any;
}
//# sourceMappingURL=diwa-tabs.d.ts.map