@turnkey/react-wallet-kit/dist/components/design/Spinners.mjs

The easiest and most powerful way to integrate Turnkey's Embedded Wallets into your React applications.

import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
import { jsxs, jsx } from 'react/jsx-runtime';
import clsx from 'clsx';

var _excluded = ["className", "style", "strokeWidth"];
function Spinner(props) {
  var className = props.className,
    style = props.style,
    _props$strokeWidth = props.strokeWidth,
    strokeWidth = _props$strokeWidth === void 0 ? 3 : _props$strokeWidth,
    rest = _objectWithoutProperties(props, _excluded);
  return jsxs("svg", _objectSpread2(_objectSpread2({
    width: 24,
    height: 24,
    fill: "none",
    stroke: "currentColor",
    viewBox: "0 0 24 24",
    xmlns: "http://www.w3.org/2000/svg",
    className: clsx("text-primary-light dark:text-primary-dark", className),
    style: style
  }, rest), {}, {
    children: [jsx("style", {
      children: ".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"
    }), jsx("g", {
      className: "spinner_V8m1",
      children: jsx("circle", {
        cx: 12,
        cy: 12,
        r: 9.5,
        strokeWidth: strokeWidth
      })
    })]
  }));
}

export { Spinner };
//# sourceMappingURL=Spinners.mjs.map