import { CustomElement } from "../../internal/custom-element.js";
import { TemplateResult } from "lit";
type SkeletonType = (typeof SkeletonType)[keyof typeof SkeletonType];
declare const SkeletonType: {
  readonly TEXT: "text";
  readonly BUTTON: "button";
  readonly ICON_BUTTON: "icon-button";
  readonly AVATAR: "avatar";
};
type SkeletonSize = (typeof SkeletonSize)[keyof typeof SkeletonSize];
declare const SkeletonSize: {
  readonly SM: "sm";
  readonly MD: "md";
  readonly LG: "lg";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-skeleton': OdxSkeleton;
  }
}
/**
 * @summary A component that can be used as a placeholder while content is loading.
 */
declare class OdxSkeleton extends CustomElement {
  static tagName: string;
  static styles: import("lit").CSSResult[];
  /**
   * Indicates whether to show the loading animation.
   */
  loading: boolean;
  /**
   * Indicates whether to use a stronger color for the skeleton.
   */
  strong: boolean;
  /**
   * The size of the skeleton.
   */
  size: SkeletonSize;
  /**
   * The type of the skeleton, which determines its shape and size.
   */
  type: SkeletonType;
  protected render(): TemplateResult;
}
export { OdxSkeleton, SkeletonSize, SkeletonType };