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

export const IconCloudSuccessOutline = 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-cloud-success-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.17303 5.62883C6.61795 6.24796 6.34218 7.04088 6.13783 7.75609C6.04584 8.07807 5.75155 8.30005 5.41669 8.30005C5.1205 8.30005 4.32486 8.42677 3.62669 8.86313C2.96992 9.27361 2.41669 9.93864 2.41669 11.0917C2.41669 12.116 2.79874 12.6619 3.24692 12.9803C3.73619 13.328 4.39759 13.4667 5.00002 13.4667C5.41423 13.4667 5.75002 13.8025 5.75002 14.2167C5.75002 14.6309 5.41423 14.9667 5.00002 14.9667C4.21356 14.9667 3.20829 14.793 2.37811 14.2031C1.50685 13.584 0.916687 12.5675 0.916687 11.0917C0.916687 9.32813 1.82179 8.22232 2.83169 7.59113C3.52632 7.15699 4.27798 6.93866 4.84572 6.8499C5.06958 6.16612 5.42057 5.33646 6.05618 4.62752C6.88584 3.70212 8.1362 3.05005 10 3.05005C11.6099 3.05005 12.8258 3.51369 13.7052 4.23613C14.423 4.82573 14.8805 5.55764 15.1539 6.26867C15.2189 6.28372 15.2891 6.30111 15.3638 6.32115C15.7592 6.42733 16.2943 6.61211 16.8363 6.92826C17.9433 7.57403 19.0834 8.78212 19.0834 10.8834C19.0834 12.3137 18.5978 13.3754 17.7718 14.0637C16.9699 14.732 15.9448 14.9667 15 14.9667C14.5858 14.9667 14.25 14.6309 14.25 14.2167C14.25 13.8025 14.5858 13.4667 15 13.4667C15.7219 13.4667 16.3635 13.2848 16.8115 12.9114C17.2356 12.558 17.5834 11.953 17.5834 10.8834C17.5834 9.44298 16.8484 8.67191 16.0805 8.22392C15.6849 7.9932 15.2825 7.85245 14.9748 7.76983C14.8224 7.72891 14.697 7.70326 14.6126 7.68819C14.5705 7.68067 14.5389 7.67584 14.5196 7.67308L14.5001 7.67044C14.4987 7.67026 14.4979 7.67016 14.4977 7.67015L14.4985 7.67023L14.4993 7.67033L14.4999 7.67039C14.1977 7.63655 13.9458 7.42354 13.8622 7.13109C13.6864 6.51558 13.3407 5.87783 12.7531 5.39522C12.1743 4.91974 11.3068 4.55005 10 4.55005C8.53051 4.55005 7.69753 5.04381 7.17303 5.62883Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M12.9359 11.3898C13.273 11.6305 13.3511 12.0989 13.1103 12.436L10.2532 16.436C10.1276 16.6117 9.93247 16.7248 9.71759 16.7463C9.50272 16.7678 9.28899 16.6957 9.13112 16.5483L6.98826 14.5483C6.68545 14.2657 6.66909 13.7911 6.95171 13.4883C7.23434 13.1855 7.70893 13.1691 8.01174 13.4518L9.52953 14.8684L11.8897 11.5641C12.1305 11.2271 12.5989 11.149 12.9359 11.3898Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCloudSuccessOutline.displayName = "IconCloudSuccessOutline";

export default IconCloudSuccessOutline;