/**
 * MUI Tabs Component
 *
 * Tab navigation with multiple styles.
 *
 * @example
 * ```html
 * <mui-tabs value="tab1" @change=${this.handleChange}>
 *   <mui-tab value="tab1" icon="file">Documents</mui-tab>
 *   <mui-tab value="tab2" icon="image">Media</mui-tab>
 *   <mui-tab value="tab3" disabled>Disabled</mui-tab>
 * </mui-tabs>
 * ```
 */
import { MiuraElement } from '@miurajs/miura-element';
export default class MuiTabs extends MiuraElement {
    /**
     * Currently selected tab value
     */
    value: string;
    /**
     * Tab style variant
     */
    variant: 'line' | 'contained' | 'pills';
    /**
     * Tab orientation
     */
    orientation: 'horizontal' | 'vertical';
    /**
     * Size
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Stretch tabs to fill container
     */
    stretch: boolean;
    static styles: import("@miurajs/miura-render").CSSResult;
    private _handleTabClick;
    connectedCallback(): void;
    disconnectedCallback(): void;
    template(): import("@miurajs/miura-render").TemplateResult;
    updated(changedProps: Map<string, unknown>): void;
}
export declare class MuiTab extends MiuraElement {
    /**
     * Tab value (identifier)
     */
    value: string;
    /**
     * Is this tab selected?
     */
    selected: boolean;
    /**
     * Is this tab disabled?
     */
    disabled: boolean;
    /**
     * Icon name
     */
    icon: string;
    /**
     * Badge count
     */
    badge: number | null;
    static styles: import("@miurajs/miura-render").CSSResult;
    private _handleClick;
    template(): import("@miurajs/miura-render").TemplateResult;
}
//# sourceMappingURL=tabs.d.ts.map