import { iconVariants } from "./variants"

import type { IconProps } from "@/types/components/icon"

export default function CheckIcon({ className, color, ...props }: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      fill="none"
      height="25"
      viewBox="0 0 24 25"
      width="24"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <mask
        height="25"
        id="mask0_1333_19690"
        maskUnits="userSpaceOnUse"
        style={{ maskType: "alpha" }}
        width="24"
        x="0"
        y="0"
      >
        <rect y="0.629639" width="24" height="24" fill="#D9D9D9" />
      </mask>
      <g mask="url(#mask0_1333_19690)">
        <path
          d="M9.99967 16.6738L6.35547 13.0296L7.39967 11.9854L9.99967 14.5854L16.5997 7.98535L17.6439 9.02955L9.99967 16.6738Z"
          fill="#4D001B"
        />
      </g>
    </svg>
  )
}
