"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Skeleton = exports.SKELETON_TYPES = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
let SKELETON_TYPES = exports.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
 */
const Skeleton = ({
  className,
  type,
  height,
  width,
  textType,
  testId
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
  // eslint-disable-next-line react/forbid-dom-props
  style: {
    width,
    height
  },
  className: (0, _classnames.default)('skeleton-loading', type, className, textType),
  "test-id": testId
});
exports.Skeleton = Skeleton;