import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconCheckboxSolid = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-checkbox-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.2112 5.94589C15.7243 6.40772 15.7659 7.19808 15.3041 7.71122L9.67912 13.9612C9.44971 14.2161 9.12567 14.3656 8.78286 14.3746C8.44006 14.3836 8.1086 14.2514 7.86612 14.0089L4.74112 10.8839C4.25296 10.3957 4.25296 9.60428 4.74112 9.11613C5.22927 8.62797 6.02073 8.62797 6.50888 9.11613L8.70226 11.3095L13.4459 6.0388C13.9077 5.52567 14.6981 5.48407 15.2112 5.94589Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCheckboxSolid.displayName = "IconCheckboxSolid";

export default IconCheckboxSolid;