import _JSXStyle from "styled-jsx/style";
// Ported from Alexander Haniotis' code here: https://codepen.io/haniotis/pen/KwvYLO
import React from "react";
import classnames from "classnames";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export const Checkmark = () => {
  return /*#__PURE__*/_jsxs("svg", {
    viewBox: "0 0 52 52",
    className: "jsx-424485900" + " " + (classnames("checkmark") || ""),
    children: [/*#__PURE__*/_jsx(_JSXStyle, {
      id: "424485900",
      children: ".checkmark.jsx-424485900{width:15px;height:15px;border-radius:50%;display:block;stroke-width:5;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0px 0px 0px #7ac142;-webkit-animation:fill-jsx-424485900 0.4s ease-in-out 0.4s forwards,scale-jsx-424485900 0.3s ease-in-out 0.9s both;animation:fill-jsx-424485900 0.4s ease-in-out 0.4s forwards,scale-jsx-424485900 0.3s ease-in-out 0.9s both;}.checkmark__circle.jsx-424485900{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;-webkit-animation:stroke-jsx-424485900 0.6s cubic-bezier(0.65,0,0.45,1) forwards;animation:stroke-jsx-424485900 0.6s cubic-bezier(0.65,0,0.45,1) forwards;}.checkmark__check.jsx-424485900{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke-jsx-424485900 0.2s cubic-bezier(0.65,0,0.45,1) 0.5s forwards;animation:stroke-jsx-424485900 0.2s cubic-bezier(0.65,0,0.45,1) 0.5s forwards;}@-webkit-keyframes stroke-jsx-424485900{100%{stroke-dashoffset:0;}}@keyframes stroke-jsx-424485900{100%{stroke-dashoffset:0;}}@-webkit-keyframes scale-jsx-424485900{0%,100%{-webkit-transform:none;-ms-transform:none;transform:none;}50%{-webkit-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);}}@keyframes scale-jsx-424485900{0%,100%{-webkit-transform:none;-ms-transform:none;transform:none;}50%{-webkit-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);}}@-webkit-keyframes fill-jsx-424485900{100%{box-shadow:inset 0px 0px 0px 30px #7ac142;}}@keyframes fill-jsx-424485900{100%{box-shadow:inset 0px 0px 0px 30px #7ac142;}}"
    }), /*#__PURE__*/_jsx("circle", {
      cx: "26",
      cy: "26",
      r: "25",
      fill: "none",
      className: "jsx-424485900" + " " + (classnames("checkmark__circle") || "")
    }), /*#__PURE__*/_jsx("path", {
      fill: "none",
      d: "M14.1 27.2l7.1 7.2 16.7-16.8",
      className: "jsx-424485900" + " " + (classnames("checkmark__check") || "")
    })]
  });
};