import { CustomElement } from "../../internal/custom-element.js";
import { TemplateResult } from "lit";
import { OdxIconName } from "@odx/icons";
type StatusSize = (typeof StatusSize)[keyof typeof StatusSize];
declare const StatusSize: {
  readonly MD: "md";
  readonly LG: "lg";
};
type StatusVariant = (typeof StatusVariant)[keyof typeof StatusVariant];
declare const StatusVariant: {
  readonly NEUTRAL: "neutral";
  readonly SUBTLE: "subtle";
  readonly ACCENT: "accent";
  readonly SUCCESS: "success";
  readonly WARNING: "warning";
  readonly DANGER: "danger";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-status': OdxStatus;
  }
}
/**
 * @summary A status component that displays a status indicator with a text label, used to indicate the state of an item or action.
 * @status rc
 * @since 1.0
 *
 * @dependency odx-badge
 * @dependency odx-loading-spinner
 *
 * @slot - The status label.
 *
 * @csspart icon - The status's icon element, present when the `icon` property is set.
 * @csspart spinner - The status's spinner element, present when the `loading` property is `true`.
 */
declare class OdxStatus extends CustomElement {
  static tagName: string;
  static styles: import("lit").CSSResult[];
  /**
   * Indicates whether the status should be animated, which adds a pulsing effect to the status indicator.
   */
  animated: boolean;
  /**
   * The name of the icon to replace the status indicator with.
   */
  icon?: OdxIconName | null;
  /**
   * Indicates whether the status is in a loading state, which replaces the status indicator with a loading spinner.
   */
  loading: boolean;
  /**
   * The size of the status, which determines its dimensions and font size.
   */
  size: StatusSize;
  /**
   * The variant of the status, which determines its color and background.
   */
  variant: StatusVariant;
  protected render(): TemplateResult;
  protected renderPrefix(): TemplateResult<1>;
}
export { OdxStatus, StatusSize, StatusVariant };