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

export const IconPhotoUpload = 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-photo-upload`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.5545 2.83045C16.4139 2.6898 16.2231 2.61078 16.0242 2.61078C15.8253 2.61078 15.6345 2.6898 15.4939 2.83045L13.609 4.71527C13.3162 5.00816 13.3162 5.48304 13.609 5.77593C13.9019 6.06882 14.3768 6.06882 14.6697 5.77593L15.2742 5.17144V7.73716C15.2742 8.15137 15.61 8.48716 16.0242 8.48716C16.4384 8.48716 16.7742 8.15137 16.7742 7.73716V5.17144L17.3787 5.77593C17.6716 6.06882 18.1465 6.06882 18.4393 5.77593C18.7322 5.48304 18.7322 5.00816 18.4393 4.71527L16.5545 2.83045Z"
          fill={color}
        />
        <path
          d="M11.875 3.75C11.875 3.33579 11.5392 3 11.125 3H3.125C2.02043 3 1.125 3.89543 1.125 5V15C1.125 16.1046 2.02043 17 3.125 17H16.875C17.9796 17 18.875 16.1046 18.875 15V10.2634C18.875 9.84922 18.5392 9.51343 18.125 9.51343C17.7108 9.51343 17.375 9.84922 17.375 10.2634V11.3143L16.2312 10.1705C15.206 9.14537 13.544 9.14537 12.5188 10.1705L11.875 10.8143L9.35616 8.2955C8.33103 7.27037 6.66897 7.27037 5.64385 8.29549L2.625 11.3143V5C2.625 4.72386 2.84886 4.5 3.125 4.5H11.125C11.5392 4.5 11.875 4.16421 11.875 3.75ZM2.625 15V13.4357L6.70451 9.35615C7.14385 8.91681 7.85615 8.91681 8.29549 9.35616L12.5947 13.6553C12.8876 13.9482 13.3624 13.9482 13.6553 13.6553C13.9482 13.3624 13.9482 12.8876 13.6553 12.5947L12.9357 11.875L13.5795 11.2312C14.0188 10.7918 14.7312 10.7918 15.1705 11.2312L17.375 13.4357V15C17.375 15.2761 17.1511 15.5 16.875 15.5H3.125C2.84886 15.5 2.625 15.2761 2.625 15Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconPhotoUpload.displayName = "IconPhotoUpload";

export default IconPhotoUpload;