import { BootstrapElement } from '@bootstrap-wc/core';
/**
 * `<bs-tabs>` — Bootstrap tabbed interface. Expects `<bs-tab-panel>` children,
 * each with a `label` and `name`.
 *
 * @fires bs-tab-change - `{detail: {active}}` when active tab changes.
 */
export declare class BsTabs extends BootstrapElement {
    active?: string;
    navStyle: 'tabs' | 'pills' | 'underline';
    fill: 'none' | 'fill' | 'justified';
    vertical: boolean;
    /** Opt out of the default `.fade` animation on tab panels. */
    noFade: boolean;
    private _panels;
    connectedCallback(): void;
    private _sync;
    private _applyActive;
    updated(changed: Map<string, unknown>): void;
    private _select;
    render(): import("lit-html").TemplateResult<1>;
}
/** `<bs-tab-panel>` — a single panel. Requires `name` and `label` attrs. */
export declare class BsTabPanel extends BootstrapElement {
    /**
     * Bootstrap's `.tab-content > .tab-pane { display: none }` selector can't
     * reach across the shadow boundary to hide the inner `<div class="tab-
     * pane">` here, so without this rule every panel host stays
     * `display: block` and the inactive panels stack vertically below the
     * active one — pushing the active panel's content far below the tablist
     * and shifting it as the user switches tabs. Hide the host itself when
     * `active` isn't set so the active panel always renders directly below
     * the tabs nav.
     */
    static styles: import("lit").CSSResult;
    name: string;
    label: string;
    active: boolean;
    disabled: boolean;
    /** Opt out of the default `.fade` animation. Normally set by the parent `<bs-tabs>`. */
    noFade: boolean;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'bs-tabs': BsTabs;
        'bs-tab-panel': BsTabPanel;
    }
}
//# sourceMappingURL=tabs.d.ts.map