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

export const IconArrowEnterReturnOutline = 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-arrow-enter-return-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M14 3.75C14.4142 3.75 14.75 4.08579 14.75 4.5V10C14.75 11.2426 13.7426 12.25 12.5 12.25H6.81066L8.53033 13.9697C8.82322 14.2626 8.82322 14.7374 8.53033 15.0303C8.23744 15.3232 7.76256 15.3232 7.46967 15.0303L4.46967 12.0303C4.17678 11.7374 4.17678 11.2626 4.46967 10.9697L7.46967 7.96967C7.76256 7.67678 8.23744 7.67678 8.53033 7.96967C8.82322 8.26256 8.82322 8.73744 8.53033 9.03033L6.81066 10.75H12.5C12.9142 10.75 13.25 10.4142 13.25 10V4.5C13.25 4.08579 13.5858 3.75 14 3.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconArrowEnterReturnOutline.displayName = "IconArrowEnterReturnOutline";

export default IconArrowEnterReturnOutline;