'use strict';

var React = require('react');
var RoundedPill = require('./RoundedPill-b54f3ac1.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const CircleCheckButton = ({
  checked,
  onClick,
  bgColor,
  className = ""
}) => {
  const backgroundColor = checked ? "bg-emerald-700" : bgColor ? bgColor : "bg-gray-50";
  const handleClick = () => {
    onClick == null ? void 0 : onClick();
  };
  return /* @__PURE__ */ React__default["default"].createElement(
    "button",
    {
      type: "button",
      onClick: handleClick,
      className: `w-[32px] h-[32px] flex items-center justify-center border-4 border-gray-50 rounded-full text-gray-700  ${backgroundColor} ${className}`
    },
    /* @__PURE__ */ React__default["default"].createElement(RoundedPill.CheckmarkSvg, { color: "#ffffff" })
  );
};

exports.CircleCheckButton = CircleCheckButton;
//# sourceMappingURL=CircleCheckButton-f76e5b5d.js.map
