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

export const IconDistortionAutoOutline = 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-distortion-auto-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M14.6436 10.7002C14.8895 10.7004 15.0566 10.8167 15.1436 11.0488L16.8105 15.7324C16.849 15.8509 16.8389 15.9599 16.7812 16.0586C16.7233 16.1525 16.6313 16.2001 16.5059 16.2002H16.2812C16.1508 16.2002 16.0461 16.163 15.9688 16.0889C15.8965 16.0098 15.8343 15.8932 15.7812 15.7402L15.4443 14.79H13.6377L13.3018 15.7402C13.2438 15.8934 13.1788 16.0098 13.1064 16.0889C13.0341 16.1629 12.9328 16.2001 12.8027 16.2002H12.5771C12.4518 16.2001 12.3597 16.1524 12.3018 16.0586C12.244 15.9598 12.2349 15.8509 12.2734 15.7324L13.9404 11.0488C14.0275 10.8167 14.1942 10.7002 14.4404 10.7002H14.6436ZM13.9795 13.8252H15.1035L14.541 12.2383L13.9795 13.8252Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M14.5 8.7002C17.2614 8.7002 19.5 10.9388 19.5 13.7002C19.4999 16.4615 17.2614 18.7002 14.5 18.7002C11.7386 18.7002 9.50011 16.4615 9.5 13.7002C9.5 10.9388 11.7386 8.7002 14.5 8.7002ZM14.5 10.2002C12.567 10.2002 11 11.7672 11 13.7002C11.0001 15.6331 12.5671 17.2002 14.5 17.2002C16.4329 17.2002 17.9999 15.6331 18 13.7002C18 11.7672 16.433 10.2002 14.5 10.2002Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M17.2002 2C18.1942 2.00011 19 2.80903 19 3.80664V9.01172C18.5441 8.57399 18.0251 8.20188 17.457 7.91113V3.80664C17.457 3.66418 17.3421 3.54893 17.2002 3.54883H14.3184C14.7683 4.48172 15.04 5.73297 14.7891 7.20605C14.6932 7.20186 14.5969 7.2002 14.5 7.2002C14.0498 7.2002 13.61 7.24487 13.1855 7.33203C13.6319 5.49779 13.0186 4.17343 12.5049 3.54883H8.55859C8.94287 4.34563 9.19752 5.375 9.10742 6.57617L9.20312 6.62402C10.0247 7.03627 10.8587 7.45153 11.8604 7.75977C11.2599 8.02698 10.7077 8.38217 10.2197 8.80957C9.70563 8.59603 9.23727 8.3712 8.80273 8.1543C8.58084 8.86971 8.23329 9.62729 7.72754 10.418C7.66442 10.5166 7.60371 10.615 7.54492 10.7119C7.88159 10.8401 8.20558 10.9888 8.52344 11.1416C8.31965 11.617 8.17157 12.1216 8.08594 12.6475C7.63543 12.4259 7.22331 12.2359 6.81641 12.0928C5.89593 14.1538 5.96669 15.6848 6.16504 16.4512H8.61035C8.87505 17.0169 9.21929 17.5373 9.62793 18H2.7998C1.80578 17.9999 1 17.191 1 16.1934V3.80664C1 2.80903 1.80578 2.00011 2.7998 2H17.2002ZM5.26172 11.8066C4.53057 11.8035 3.6632 11.9853 2.54297 12.5078V16.1934C2.54297 16.3358 2.65788 16.4511 2.7998 16.4512H4.58594C4.38881 15.3297 4.47691 13.7212 5.26172 11.8066ZM5.70605 6.98047C4.88392 6.8907 3.89886 7.02378 2.54297 7.65625V10.8242C3.80276 10.3274 4.87572 10.1831 5.87305 10.292C5.91297 10.2964 5.95266 10.3015 5.99219 10.3066C6.12668 10.0685 6.27211 9.82686 6.42871 9.58203C6.91423 8.82303 7.21994 8.11625 7.39355 7.4707C6.82112 7.21987 6.28709 7.04395 5.70605 6.98047ZM2.7998 3.54883C2.65788 3.54893 2.54297 3.66418 2.54297 3.80664V5.97266C3.80276 5.4758 4.87572 5.33153 5.87305 5.44043C6.48229 5.50698 7.04416 5.66775 7.57715 5.87305C7.52664 4.79045 7.11012 3.9927 6.74512 3.54883H2.7998Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconDistortionAutoOutline.displayName = "IconDistortionAutoOutline";

export default IconDistortionAutoOutline;