@zohodesk/components/lib/v1/shared/Spinner/Spinner.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("./props/propTypes"));

var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));

var _cssUtility = require("@dot-system/css-utility");

var _Spinner_v1Module = _interopRequireDefault(require("./Spinner_v1.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Spinner = function Spinner(props) {
  var customClass = props.customClass;
  var _customClass$wrapper = customClass.wrapper,
      wrapper = _customClass$wrapper === void 0 ? '' : _customClass$wrapper;
  return /*#__PURE__*/_react["default"].createElement("svg", {
    className: (0, _cssUtility.cn)("".concat(_Spinner_v1Module["default"].spinner, " ").concat(wrapper)),
    viewBox: "0 0 24 24",
    role: "img",
    "aria-hidden": "true"
  }, /*#__PURE__*/_react["default"].createElement("circle", {
    className: (0, _cssUtility.cn)(_Spinner_v1Module["default"].spinnerTrack),
    cx: "12",
    cy: "12",
    r: "10"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: (0, _cssUtility.cn)(_Spinner_v1Module["default"].spinnerHead),
    cx: "12",
    cy: "12",
    r: "10"
  }));
};

Spinner.propTypes = _propTypes["default"];
Spinner.defaultProps = _defaultProps["default"];
var _default = Spinner;
exports["default"] = _default;