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

export const IconTextDirectionLeftOutline = 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-text-direction-left-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M4.92285 12.317C5.21568 12.0242 5.69049 12.0243 5.9834 12.317C6.27626 12.6099 6.27628 13.0847 5.9834 13.3776L4.69141 14.6696H17.1191C17.5331 14.6697 17.8689 15.0056 17.8691 15.4196C17.869 15.8336 17.5332 16.1694 17.1191 16.1696H4.69141L5.9834 17.4625C6.27626 17.7554 6.27628 18.2302 5.9834 18.5231C5.69048 18.8155 5.21559 18.8158 4.92285 18.5231L2.35059 15.9498C2.2101 15.8092 2.13091 15.6183 2.13086 15.4196C2.13096 15.2209 2.21013 15.0298 2.35059 14.8893L4.92285 12.317ZM15.5 1.65002C15.9141 1.65002 16.2498 1.98596 16.25 2.40002C16.25 2.81424 15.9142 3.15002 15.5 3.15002H13.25V12.6949C13.2498 13.109 12.9141 13.4449 12.5 13.4449C12.0859 13.4449 11.7502 13.109 11.75 12.6949V3.15002H10.0732V12.608C10.0732 13.0222 9.73746 13.358 9.32324 13.358C8.90915 13.3579 8.57324 13.0222 8.57324 12.608V10.0153H7.43262C5.12261 10.0152 3.25 8.14266 3.25 5.83264C3.25024 3.52282 5.12276 1.65009 7.43262 1.65002H15.5ZM7.43262 3.15002C5.95118 3.15009 4.75024 4.35125 4.75 5.83264C4.75 7.31424 5.95104 8.51519 7.43262 8.51526H8.57324V3.15002H7.43262Z"
        fill={color}
      />
    </svg>
  );
});

IconTextDirectionLeftOutline.displayName = "IconTextDirectionLeftOutline";

export default IconTextDirectionLeftOutline;