import React from 'react';
import { C as CheckmarkSvg } from './RoundedPill-50279e5d.js';

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.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.createElement(CheckmarkSvg, { color: "#ffffff" })
  );
};

export { CircleCheckButton as C };
//# sourceMappingURL=CircleCheckButton-23a9c7d4.js.map
