import { DDSElement } from "../../base/index.js";
/**
 * The loading component displays a spinner to indicate that a process is in progress.
 * If the spinner is expected to blend into the background, set the background color. You can use the `background` attribute for such cases.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/loading/index.js";
 * ```
 *
 * ```html
 *  <daikin-loading></daikin-loading>
 * ```
 */
export declare class DaikinLoading extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * Size of the loading.
     */
    size: "small" | "medium";
    /**
     * Variant of the loading.
     * When the loading component is used against a similar background color, the spinning icon might be difficult to distinguish. To address this, we provide a variant of the icon that includes its own background area, ensuring visibility in such scenarios.
     */
    background: boolean;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-loading": DaikinLoading;
    }
}