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

export const IconEnLanguageOutline = 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-en-language-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.3964 4.28385C11.7101 4.18636 12.0507 4.30432 12.2369 4.57491L17.75 12.587V5.00006C17.75 4.58584 18.0858 4.25006 18.5 4.25006C18.9142 4.25006 19.25 4.58584 19.25 5.00006V15.0001C19.25 15.3285 19.0363 15.6188 18.7226 15.7163C18.4089 15.8137 18.0683 15.6958 17.8821 15.4252L12.369 7.4131V15.0001C12.369 15.4143 12.0333 15.7501 11.619 15.7501C11.2048 15.7501 10.869 15.4143 10.869 15.0001V5.00006C10.869 4.67159 11.0828 4.38134 11.3964 4.28385ZM0.75 5.00006C0.75 4.58584 1.08579 4.25006 1.5 4.25006H7.57143C7.98564 4.25006 8.32143 4.58584 8.32143 5.00006C8.32143 5.41427 7.98564 5.75006 7.57143 5.75006H2.25V9.43524H7.00476C7.41898 9.43524 7.75476 9.77103 7.75476 10.1852C7.75476 10.5995 7.41898 10.9352 7.00476 10.9352H2.25V14.2501H7.57143C7.98564 14.2501 8.32143 14.5858 8.32143 15.0001C8.32143 15.4143 7.98564 15.7501 7.57143 15.7501H1.5C1.08579 15.7501 0.75 15.4143 0.75 15.0001V5.00006Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconEnLanguageOutline.displayName = "IconEnLanguageOutline";

export default IconEnLanguageOutline;