type Props = {
  variant: "primary" | "default";
  className?: string;
};

export function SuccessCheckIcon({ variant, className = "" }: Props) {
  const color = variant === "primary" ? "#1FC16B" : "#444444";

  return (
    <span className={"onboarding-healthCheck-icon " + className}>
      <svg
        width="16"
        height="16"
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <path
          d="M8 15.5C3.85775 15.5 0.5 12.1423 0.5 8C0.5 3.85775 3.85775 0.5 8 0.5C12.1423 0.5 15.5 3.85775 15.5 8C15.5 12.1423 12.1423 15.5 8 15.5ZM7.25225 11L12.5548 5.69675L11.4943 4.63625L7.25225 8.879L5.1305 6.75725L4.07 7.81775L7.25225 11Z"
          fill={color}
        />
      </svg>
    </span>
  );
}