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

export const IconTextLineHeightOutline = 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-line-height-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M12.1576 12.5485L12.9616 14.853C13.1056 15.2655 13.5567 15.4833 13.9693 15.3394C14.3818 15.1954 14.5996 14.7443 14.4557 14.3317L11.3585 5.45497C10.9149 4.18356 9.11769 4.18107 8.67055 5.45124L5.54514 14.3296C5.40005 14.7418 5.61655 15.1935 6.02871 15.3386C6.44087 15.4837 6.89261 15.2672 7.0377 14.8551L7.84967 12.5485H12.1576ZM11.6055 10.9661L10.0132 6.40254L8.4067 10.9661H11.6055Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M16 1C16.4142 1 16.75 1.33579 16.75 1.75 16.75 2.16421 16.4142 2.5 16 2.5L4 2.5C3.58579 2.5 3.25 2.16421 3.25 1.75 3.25 1.33579 3.58579 1 4 1L16 1ZM15.75 17.5C16.1642 17.5 16.5 17.8358 16.5 18.25 16.5 18.6642 16.1642 19 15.75 19H3.75C3.33579 19 3 18.6642 3 18.25 3 17.8358 3.33579 17.5 3.75 17.5H15.75Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconTextLineHeightOutline.displayName = "IconTextLineHeightOutline";

export default IconTextLineHeightOutline;