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

export const IconCheckCircleOutline = 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-check-circle-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.99999 3.5C6.30306 3.5 3.50314 6.50492 3.50314 9.99999C3.50314 13.4951 6.35006 16.5 9.99999 16.5C13.6499 16.5 16.5 13.4716 16.5 9.99999C16.5 6.52842 13.6969 3.5 9.99999 3.5ZM2.00314 9.99999C2.00314 5.65886 5.4805 2 9.99999 2C14.5195 2 18 5.72937 18 9.99999C18 14.2706 14.449 18 9.99999 18C5.55101 18 2.00314 14.3411 2.00314 9.99999ZM12.9359 7.51469C13.273 7.75544 13.351 8.22385 13.1103 8.56091L9.98529 12.9359C9.85715 13.1153 9.65656 13.2292 9.43685 13.2474C9.21714 13.2656 9.00055 13.1862 8.84466 13.0303L6.96966 11.1553C6.67676 10.8624 6.67676 10.3875 6.96966 10.0947C7.26255 9.80176 7.73742 9.80176 8.03032 10.0947L9.27928 11.3436L11.8897 7.68906C12.1304 7.352 12.5989 7.27393 12.9359 7.51469Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCheckCircleOutline.displayName = "IconCheckCircleOutline";

export default IconCheckCircleOutline;