@daimo/pay/build/src/components/Common/Spinner/index.js

Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.

import { jsx, jsxs } from 'react/jsx-runtime';
import { SpinnerContainer } from './styles.js';

const transition = {
  duration: 0.4,
  ease: [0.175, 0.885, 0.32, 0.98]
};
const Spinner = () => /* @__PURE__ */ jsx(
  SpinnerContainer,
  {
    initial: { opacity: 0, rotate: 180 },
    animate: {
      opacity: 1,
      rotate: 0
    },
    exit: {
      position: "absolute",
      opacity: 0,
      rotate: -180,
      transition: {
        ...transition
      }
    },
    transition: {
      ...transition,
      delay: 0.2
    },
    children: /* @__PURE__ */ jsxs(
      "svg",
      {
        width: "18",
        height: "18",
        viewBox: "0 0 18 18",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg",
        children: [
          /* @__PURE__ */ jsx(
            "circle",
            {
              cx: "9",
              cy: "9",
              r: "7",
              stroke: "currentColor",
              strokeOpacity: "0.1",
              strokeWidth: "2.5"
            }
          ),
          /* @__PURE__ */ jsx(
            "path",
            {
              d: "M16 9C16 5.13401 12.866 2 9 2",
              stroke: "currentColor",
              strokeWidth: "2.5",
              strokeLinecap: "round"
            }
          )
        ]
      }
    )
  }
);

export { Spinner };
//# sourceMappingURL=index.js.map