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

export const IconImageAddOutline = 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-image-add-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.45 1.75C15.8642 1.75 16.2 2.08579 16.2 2.5V3.75H17.45C17.8642 3.75 18.2 4.08579 18.2 4.5C18.2 4.91421 17.8642 5.25 17.45 5.25H16.2V6.5C16.2 6.91421 15.8642 7.25 15.45 7.25C15.0358 7.25 14.7 6.91421 14.7 6.5V5.25H13.45C13.0358 5.25 12.7 4.91421 12.7 4.5C12.7 4.08579 13.0358 3.75 13.45 3.75H14.7V2.5C14.7 2.08579 15.0358 1.75 15.45 1.75ZM2.75 6.5C2.75 5.25736 3.75736 4.25 5 4.25H10.5C10.9142 4.25 11.25 3.91421 11.25 3.5C11.25 3.08579 10.9142 2.75 10.5 2.75H5C2.92893 2.75 1.25 4.42893 1.25 6.5V14.5C1.25 16.5711 2.92893 18.25 5 18.25H15C17.0711 18.25 18.75 16.5711 18.75 14.5V9C18.75 8.58579 18.4142 8.25 18 8.25C17.5858 8.25 17.25 8.58579 17.25 9V10.5681L16.773 10.0911C15.699 9.01716 13.9578 9.01716 12.8839 10.0911L11.6391 11.3358L9.23743 8.93414C8.16349 7.86019 6.42229 7.86019 5.34834 8.93414L2.75 11.5325V6.5ZM17.1265 12.566C17.1648 12.6043 17.2063 12.6376 17.25 12.6659V14.5C17.25 15.7426 16.2426 16.75 15 16.75H5C3.75736 16.75 2.75 15.7426 2.75 14.5V13.6302C2.79373 13.6019 2.83516 13.5686 2.87347 13.5303L6.409 9.9948C6.89716 9.50664 7.68862 9.50664 8.17677 9.9948L12.4194 14.2374C12.7123 14.5303 13.1872 14.5303 13.4801 14.2374C13.773 13.9445 13.773 13.4697 13.4801 13.1768L12.6998 12.3965L13.9445 11.1518C14.4327 10.6636 15.2242 10.6636 15.7123 11.1518L17.1265 12.566Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconImageAddOutline.displayName = "IconImageAddOutline";

export default IconImageAddOutline;