import { CustomElement } from "../../internal/custom-element.js";
import { TemplateResult } from "lit";
import { OdxIconName } from "@odx/icons";
declare global {
  interface HTMLElementTagNameMap {
    'odx-loading-spinner': OdxLoadingSpinner;
  }
}
type LoadingSpinnerSize = (typeof LoadingSpinnerSize)[keyof typeof LoadingSpinnerSize];
declare const LoadingSpinnerSize: {
  readonly SM: "sm";
  readonly MD: "md";
  readonly LG: "lg";
};
/**
 * @summary A loading indicator with spinner.
 * @status rc
 * @since 1.0
 *
 * @slot - The content of the loading spinner, typically used for a loading hint or message.
 *
 * @remarks The loading spinner size can be set via the CSS `font-size` property
 */
declare class OdxLoadingSpinner extends CustomElement {
  static tagName: string;
  static styles: import("lit").CSSResult[];
  /**
   * The name of the icon to display in the center of the spinner.
   */
  icon?: OdxIconName | null;
  /**
   * The size of the loading spinner.
   * By default the size is equal to the current font size of the element.
   */
  size: LoadingSpinnerSize;
  /**
   * Indicates whether the loading spinner should be displayed inline with it's content.
   */
  inline: boolean;
  protected render(): TemplateResult;
}
export { LoadingSpinnerSize, OdxLoadingSpinner };