import { DDSElement } from "../../base/index.cjs";
import { ARIARole } from "../../lit-analyzer-types.cjs";
/**
 * The tab panels component is a child element within the `daikin-tabs` that controls the display of the content panels associated with each tab.
 * When a user selects a tab, the tab panels component ensures the corresponding content panel is shown while hiding the others.
 *
 * Hierarchy:
 * - `daikin-tabs` > `daikin-tab-panels` ("panels" slot)
 *
 * @slot panel:\<name\> - A slot for each panel content.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/tab-panels/index.js";
 * ```
 *
 * ```html
 * <!-- Note that `panels` must be set via property. -->
 * <daikin-tab-panels
 *   class="block w-full h-full"
 *   panel-role="tabpanel"
 *   value="foo"
 *   .panels="${['foo', 'bar', 'baz']}"
 * >
 *   <div slot="panel:foo">Foo Panel (visible)</div>
 *   <div slot="panel:bar">Bar Panel (hidden)</div>
 *   <div slot="panel:baz">Baz Panel (hidden)</div>
 * </daikin-tab-panels>
 * ```
 */
export declare class DaikinTabPanels extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * The panel to be displayed.
     * Set automatically by `daikin-tabs` if used within it.
     */
    value: string;
    /**
     * A list of panel names.
     * This is used as the slot name for panels (`panel:<name>`).
     * Set automatically by `daikin-tabs` if used within it.
     */
    panels: string[];
    /**
     * `role` attribute of the container.
     * Set to "tablist" automatically by `daikin-tabs` if used within it.
     */
    panelRole: ARIARole | null;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-tab-panels": DaikinTabPanels;
    }
}