@zohodesk/components/lib/v1/shared/Loader/Loader.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 _Loader_v1Module = _interopRequireDefault(require("./Loader_v1.module.css"));

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

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

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