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

export const IconResetOutline = 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-reset-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.04199 9.99995C3.04199 6.16115 6.15395 3.04919 9.99274 3.04919C13.8315 3.04919 16.9435 6.16115 16.9435 9.99995C16.9435 11.9327 16.1555 13.6803 14.8816 14.9408L14.3843 13.0849L13.1769 13.4084L14.179 17.1483L17.9188 16.1462L17.5953 14.9388L16.2519 15.2987C17.4626 13.8699 18.1935 12.0198 18.1935 9.99995C18.1935 5.4708 14.5219 1.79919 9.99274 1.79919C5.46359 1.79919 1.79199 5.4708 1.79199 9.99995C1.79199 14.5291 5.46359 18.2007 9.99274 18.2007V16.9507C6.15395 16.9507 3.04199 13.8387 3.04199 9.99995Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconResetOutline.displayName = "IconResetOutline";

export default IconResetOutline;