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

export const IconTextDirectionRightOutline = 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-right-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M14.0166 12.317C14.3095 12.0243 14.7843 12.0242 15.0771 12.317L17.6494 14.8893C17.7899 15.0298 17.869 15.2208 17.8691 15.4196C17.8691 15.6183 17.7899 15.8092 17.6494 15.9498L15.0771 18.5231C14.7844 18.8158 14.3095 18.8156 14.0166 18.5231C13.7237 18.2302 13.7237 17.7554 14.0166 17.4625L15.3086 16.1696H2.88086C2.46679 16.1694 2.1309 15.8336 2.13086 15.4196C2.13106 15.0056 2.46689 14.6697 2.88086 14.6696H15.3086L14.0166 13.3776C13.7237 13.0847 13.7237 12.6099 14.0166 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>
  );
});

IconTextDirectionRightOutline.displayName = "IconTextDirectionRightOutline";

export default IconTextDirectionRightOutline;