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-shein-icon customeow-shein-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="M8.9539 12.8178L13.7055 8.0662L12.8217 7.18231L8.95391 11.0501L7.17854 9.27466L6.29465 10.1585L8.9539 12.8178Z"
          fill={color}
        />
        <path
          d="M10.0001 18.3334C14.6025 18.3334 18.3334 14.6025 18.3334 10.0001C18.3334 5.39771 14.6025 1.66675 10.0001 1.66675C5.39771 1.66675 1.66675 5.39771 1.66675 10.0001C1.66675 14.6025 5.39771 18.3334 10.0001 18.3334ZM10.0001 17.0834C13.9121 17.0834 17.0834 13.9121 17.0834 10.0001C17.0834 6.08806 13.9121 2.91675 10.0001 2.91675C6.08806 2.91675 2.91675 6.08806 2.91675 10.0001C2.91675 13.9121 6.08806 17.0834 10.0001 17.0834Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCheckCircleOutline.displayName = "IconCheckCircleOutline";

export default IconCheckCircleOutline;