import { Base } from '@studiometa/js-toolkit';
import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
type TabItem = {
    btn: HTMLElement;
    content: HTMLElement;
    isEnabled: boolean;
};
type TabsStates = Partial<Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>>;
type TabsStylesOption = Partial<Record<keyof TabsProps['$refs'], TabsStates>>;
export interface TabsProps extends BaseProps {
    $options: {
        styles: TabsStylesOption;
    };
    $refs: {
        btn: HTMLElement[];
        content: HTMLElement[];
    };
}
/**
 * Tabs class.
 * @link https://ui.studiometa.dev/components/Tabs/
 */
export declare class Tabs<T extends BaseProps = BaseProps> extends Base<T & TabsProps> {
    /**
     * Config.
     */
    static config: BaseConfig;
    items: TabItem[];
    /**
     * Initialize the component's behaviours.
     * @returns {void}
     */
    mounted(): void;
    /**
     * Switch tab on button click.
     */
    onBtnClick({ index }: {
        index: number;
    }): void;
    /**
     * Enable the given tab and its associated content.
     */
    enableItem(item: TabItem): Promise<this>;
    /**
     * Disable the given tab and its associated content.
     */
    disableItem(item: TabItem): Promise<this>;
}
export {};