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

export const IconImportSolid = 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-import-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.25 4.75C2.25 3.23122 3.48122 2 5 2H8C8.41421 2 8.75 2.33579 8.75 2.75C8.75 3.16421 8.41421 3.5 8 3.5H5C4.30964 3.5 3.75 4.05964 3.75 4.75V15.25C3.75 15.9404 4.30964 16.5 5 16.5H15.25C15.9404 16.5 16.5 15.9404 16.5 15.25V12.75C16.5 12.3358 16.8358 12 17.25 12C17.6642 12 18 12.3358 18 12.75V15.25C18 16.7688 16.7688 18 15.25 18H5C3.48122 18 2.25 16.7688 2.25 15.25V4.75Z"
          fill={color}
        />
        <path
          d="M7.26283 6.60817C7.65579 6.47719 8.08053 6.68956 8.21152 7.08251L9.18663 10.0079C9.93627 8.02388 10.6553 6.61361 11.5611 5.53521C12.778 4.08652 14.2764 3.30134 16.3881 2.45667C16.7727 2.30283 17.2092 2.48989 17.363 2.87448C17.5169 3.25907 17.3298 3.69555 16.9452 3.84938C14.8902 4.67138 13.6803 5.34452 12.7097 6.5C11.8792 7.48872 11.1858 8.87524 10.3728 11.1271L13.9295 9.9415C14.3225 9.81052 14.7472 10.0229 14.8782 10.4158C15.0092 10.8088 14.7968 11.2335 14.4038 11.3645L9.41118 13.0288C9.32766 13.0576 9.23871 13.0719 9.14826 13.0697C8.95217 13.0648 8.76572 12.9827 8.62983 12.8437C8.563 12.7753 8.5084 12.6932 8.47089 12.5997C8.464 12.5826 8.45772 12.5653 8.45209 12.5477L6.78849 7.55685C6.65751 7.1639 6.86988 6.73916 7.26283 6.60817Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconImportSolid.displayName = "IconImportSolid";

export default IconImportSolid;