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

export const IconReset2Outline = 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-2-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.6795 3.78697C14.1108 4.16219 16.5883 7.24801 16.2131 10.6793C15.8378 14.1107 12.752 16.5881 9.32069 16.2129C7.58208 16.0228 6.08935 15.1378 5.08675 13.8628L4.62317 13.2732L3.44403 14.2004L3.90762 14.7899C5.14911 16.3688 7.0021 17.4683 9.15764 17.704C13.4125 18.1693 17.2389 15.0972 17.7042 10.8424C18.1694 6.58755 15.0974 2.76114 10.8426 2.29586C6.99089 1.87467 3.49031 4.35219 2.51633 7.9818L1.48396 6.48899L0.250244 7.34218L2.80982 11.0433L6.51098 8.48376L5.65779 7.25004L3.94923 8.43161C4.7123 5.47229 7.55242 3.44502 10.6795 3.78697Z"
          fill={color}
        />
        <path
          d="M10 12.9999C11.6569 12.9999 13 11.6567 13 9.99989C13 8.34304 11.6569 6.99989 10 6.99989C8.34315 6.99989 7 8.34304 7 9.99989C7 11.6567 8.34315 12.9999 10 12.9999ZM10 11.4999C10.8284 11.4999 11.5 10.8283 11.5 9.99989C11.5 9.17146 10.8284 8.49989 10 8.49989C9.17157 8.49989 8.5 9.17146 8.5 9.99989C8.5 10.8283 9.17157 11.4999 10 11.4999Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconReset2Outline.displayName = "IconReset2Outline";

export default IconReset2Outline;