import { SvelteComponent } from "svelte";
import type { IconName } from '../types/iconTypes';
declare const __propDef: {
    props: {
        /**
             * An array of tabs to display, each with a label, optional icon, and optional disabled state.
             * @type {Array<{ label: string; icon?: IconName; disabled?: boolean, badge?: { label: string; type?: "circle" | "rectangle"; size?: "sm" | "lg"; color?: "base" | "stone" | "emerald" | "blue" | "rose" | "sky" | "amber"; contrast?: boolean } }>}
             * @default []
             */ tabs?: {
            label: string;
            icon?: IconName;
            disabled?: boolean;
            badge?: {
                label: string;
                type?: "circle" | "rectangle";
                size?: "sm" | "lg";
                color?: "base" | "stone" | "emerald" | "blue" | "rose" | "sky" | "amber";
                contrast?: boolean;
            };
        }[];
        /**
             * The index of the currently active tab.
             * Developers can set this to specify the initial active tab.
             * @type {number}
             * @default 0
             */ activeTabIndex?: number;
    };
    events: {
        change: CustomEvent<{
            activeTabIndex: number;
        }>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {};
    exports?: {};
    bindings?: string;
};
export type TabsProps = typeof __propDef.props;
export type TabsEvents = typeof __propDef.events;
export type TabsSlots = typeof __propDef.slots;
export default class Tabs extends SvelteComponent<TabsProps, TabsEvents, TabsSlots> {
}
export {};
