@zohodesk/components/es/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

import React from 'react';
import propTypes from "./props/propTypes";
import defaultProps from "./props/defaultProps";
import { cn } from "@dot-system/css-utility";
import style from "./Spinner_v1.module.css";

const Spinner = props => {
  const {
    customClass
  } = props;
  const {
    wrapper = ''
  } = customClass;
  return /*#__PURE__*/React.createElement("svg", {
    className: cn(`${style.spinner} ${wrapper}`),
    viewBox: "0 0 24 24",
    role: "img",
    "aria-hidden": "true"
  }, /*#__PURE__*/React.createElement("circle", {
    className: cn(style.spinnerTrack),
    cx: "12",
    cy: "12",
    r: "10"
  }), /*#__PURE__*/React.createElement("circle", {
    className: cn(style.spinnerHead),
    cx: "12",
    cy: "12",
    r: "10"
  }));
};

Spinner.propTypes = propTypes;
Spinner.defaultProps = defaultProps;
export default Spinner;