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

export const IconHeLanguageOutline = 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-he-language-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.42859 4.25C1.8428 4.25 2.17859 4.58579 2.17859 5V9.69444H7.96432V5C7.96432 4.58579 8.30011 4.25 8.71432 4.25C9.12853 4.25 9.46432 4.58579 9.46432 5V15.5C9.46432 15.9142 9.12853 16.25 8.71432 16.25C8.30011 16.25 7.96432 15.9142 7.96432 15.5V11.1944H2.17859V15.5C2.17859 15.9142 1.8428 16.25 1.42859 16.25C1.01438 16.25 0.678589 15.9142 0.678589 15.5V5C0.678589 4.58579 1.01438 4.25 1.42859 4.25ZM11.8215 5C11.8215 4.58579 12.1572 4.25 12.5715 4.25H18.5714C18.9857 4.25 19.3214 4.58579 19.3214 5C19.3214 5.41421 18.9857 5.75 18.5714 5.75H13.3215V9.69444H18.5714C18.9857 9.69444 19.3214 10.0302 19.3214 10.4444C19.3214 10.8587 18.9857 11.1944 18.5714 11.1944H13.3215V14.75H18.5714C18.9857 14.75 19.3214 15.0858 19.3214 15.5C19.3214 15.9142 18.9857 16.25 18.5714 16.25H12.5715C12.1572 16.25 11.8215 15.9142 11.8215 15.5V10.4496C11.8215 10.4479 11.8214 10.4462 11.8214 10.4444C11.8214 10.4427 11.8215 10.441 11.8215 10.4393V5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconHeLanguageOutline.displayName = "IconHeLanguageOutline";

export default IconHeLanguageOutline;