@prefect9/ui/components/CopyField/Checkmark.js

UI React components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("core-js/modules/es.parse-float.js");
var _icons = _interopRequireDefault(require("../../icons"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function Checkmark(_ref) {
  let {
    percent
  } = _ref;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "prefect9-field__copy-checkmark",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
      className: "prefect9-field__copy-checkmark__circle",
      viewBox: "-600 -600 1200 1200",
      fill: "none",
      stroke: "#777",
      xmlns: "http://www.w3.org/2000/svg",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
        transform: "rotate(-90)",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
          r: "560",
          strokeWidth: "80",
          pathLength: "100",
          strokeDasharray: "".concat(percent, " ").concat(100 - parseFloat(percent)),
          strokeLinecap: "round"
        })
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default.Checkmark, {
      className: "prefect9-field__copy-checkmark__ico"
    })]
  });
}
var _default = exports.default = Checkmark;