import React from 'react';
import classNames from 'classnames';
import { jsx as _jsx } from "react/jsx-runtime";
export let SKELETON_TYPES = /*#__PURE__*/function (SKELETON_TYPES) {
  SKELETON_TYPES["CIRCULAR"] = "circular";
  SKELETON_TYPES["RECTANGULAR"] = "rectangular";
  SKELETON_TYPES["ROUNDED"] = "rounded";
  SKELETON_TYPES["TEXT"] = "text";
  return SKELETON_TYPES;
}({});
/**
 * Skeleton Loading
 * @midnight-gray-supported
 * @uxr-only-supported
 * @alpine-light-supported
 */
export const Skeleton = ({
  className,
  type,
  height,
  width,
  textType,
  testId
}) => /*#__PURE__*/_jsx("span", {
  // eslint-disable-next-line react/forbid-dom-props
  style: {
    width,
    height
  },
  className: classNames('skeleton-loading', type, className, textType),
  "test-id": testId
});