import { DDSElement } from "../../base/index.cjs";
/**
 * The tab component is a child element within the `daikin-tabs` component, representing a clickable button or label that users interact with to switch between different panels of content.
 * Each tab corresponds to a specific panel and is typically labeled to indicate the content it reveals.
 *
 * Hierarchy:
 * - `daikin-tabs` > `daikin-tab`
 *
 * @fires click - A retargeted event of a [click event](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) emitted from the inner `<button>` element. Suppressed if `disabled` is true,
 *
 * @slot - A slot for the tab button content.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/tab/index.js";
 * ```
 *
 * ```html
 * <!-- See `daikin-tabs` component for complete example. -->
 * <daikin-tab value="foo">Foo tab</daikin-tab>
 * ```
 */
export declare class DaikinTab extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * A unique string that identifies a tab.
     * Must be unique within the `daikin-tabs` component.
     */
    value: string;
    /**
     * Whether the tab is disabled.
     */
    disabled: boolean;
    /**
     * Whether the tab width stretches or fits.
     * Controlled by `daikin-tabs`.
     */
    sizing: "stretch" | "fit";
    /**
     * Whether to show the active (selected) state.
     * Ignored if `disabled` is `true`.
     * Set automatically by `daikin-tabs` component.
     */
    active: boolean;
    private _button;
    constructor();
    /**
     * Focuses on the inner button.
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-tab": DaikinTab;
    }
}