"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.Checkmark = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _jsxRuntime = require("react/jsx-runtime");

// Ported from Alexander Haniotis' code here: https://codepen.io/haniotis/pen/KwvYLO
const Checkmark = () => {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
    viewBox: "0 0 52 52",
    className: "jsx-424485900" + " " + ((0, _classnames.default)("checkmark") || ""),
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
      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__*/(0, _jsxRuntime.jsx)("circle", {
      cx: "26",
      cy: "26",
      r: "25",
      fill: "none",
      className: "jsx-424485900" + " " + ((0, _classnames.default)("checkmark__circle") || "")
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
      fill: "none",
      d: "M14.1 27.2l7.1 7.2 16.7-16.8",
      className: "jsx-424485900" + " " + ((0, _classnames.default)("checkmark__check") || "")
    })]
  });
};

exports.Checkmark = Checkmark;