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

export const IconDataHideOutline = 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-data-hide-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.5196 3.00036C16.3118 3.00639 16.1143 3.08739 15.967 3.22691L14.1487 4.9557C12.8254 4.1698 11.4427 3.77685 10 3.77685C6.68636 3.77685 3.68609 5.85148 1 9.99997C2.12043 11.729 3.29469 13.0983 4.52319 14.1072L2.87612 15.6732L2.80821 15.7463C2.68105 15.9026 2.62126 16.0991 2.64097 16.2959C2.66068 16.4926 2.75843 16.6749 2.91434 16.8056C3.07026 16.9363 3.27266 17.0057 3.48044 16.9996C3.68822 16.9936 3.88579 16.9126 4.03303 16.7731L17.1239 4.32684L17.1918 4.25372C17.319 4.09737 17.3788 3.90087 17.3591 3.70412C17.3394 3.50738 17.2416 3.32514 17.0857 3.19443C16.9298 3.06372 16.7274 2.99433 16.5196 3.00036ZM5.68268 13.0048L7.18012 11.5811C7.04667 11.3661 6.94018 11.1353 6.86391 10.8934C6.66787 10.2716 6.68127 9.60715 6.90222 8.99298C7.12317 8.37881 7.54061 7.84571 8.09609 7.46833C8.65157 7.09094 9.31728 6.88818 10 6.88841C10.6069 6.88841 11.1754 7.04549 11.6628 7.3192L12.9534 6.09212C12.0524 5.6169 11.1363 5.36841 10.2045 5.33652L10 5.33263C7.61909 5.33263 5.33882 6.7375 3.15182 9.71449L2.94564 9.99997L2.95382 10.0109C3.84716 11.27 4.75689 12.2639 5.68268 13.0048ZM10.4236 8.49732C10.1455 8.42643 9.85124 8.42631 9.57099 8.4987C9.22432 8.58824 8.91828 8.78376 8.70009 9.05507C8.48189 9.32639 8.36366 9.65843 8.36364 9.99997C8.36364 10.1366 8.38256 10.272 8.41946 10.4028L10.4236 8.49732Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M10 16.2231C13.3136 16.2231 16.3139 14.1485 19 9.99997C18.154 8.69312 17.2777 7.59318 16.3695 6.6986L15.2143 7.79776C15.832 8.40996 16.4432 9.13885 17.047 9.98908L17.0535 9.99997L16.8482 10.2855C14.6612 13.2624 12.3809 14.6673 10 14.6673L9.79546 14.6642C9.27918 14.6463 8.76782 14.5623 8.26055 14.4098L6.98991 15.6171C7.96273 16.0208 8.96582 16.2231 10 16.2231Z"
          fill={color}
        />
        <path
          d="M12.9886 11.2688C13.176 10.8695 13.2728 10.4372 13.2727 9.99997C13.2727 9.88562 13.2662 9.77361 13.2539 9.66315L9.64409 13.0936C10.1012 13.1412 10.5638 13.0966 11.0016 12.9628C11.4393 12.829 11.8426 12.609 12.1849 12.3171C12.5273 12.0252 12.8011 11.668 12.9886 11.2688Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconDataHideOutline.displayName = "IconDataHideOutline";

export default IconDataHideOutline;