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

export const IconTextRowHeightOutline = 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-row-height-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.2581 3.50488C15.6723 3.50488 16.0081 3.1691 16.0081 2.75488C16.0081 2.34067 15.6723 2.00488 15.2581 2.00488L4.64515 2.00488C4.23094 2.00488 3.89515 2.34067 3.89515 2.75488C3.89515 3.1691 4.23094 3.50488 4.64515 3.50488L9.27619 3.50488L7.14729 5.63211C6.85428 5.92489 6.8541 6.39976 7.14687 6.69277C7.43965 6.98578 7.91453 6.98596 8.20753 6.69319L9.2016 5.69989L9.2016 14.2096L8.20754 13.2163C7.91453 12.9235 7.43966 12.9237 7.14688 13.2167C6.8541 13.5097 6.85428 13.9846 7.14728 14.2774L9.27967 16.4081L4.64515 16.4081C4.23094 16.4081 3.89515 16.7439 3.89515 17.1581C3.89515 17.5723 4.23094 17.9081 4.64515 17.9081L15.2581 17.9081C15.6723 17.9081 16.0081 17.5723 16.0081 17.1581C16.0081 16.7439 15.6723 16.4081 15.2581 16.4081L10.627 16.4081L12.7559 14.2809C13.0489 13.9881 13.0491 13.5132 12.7563 13.2202C12.4636 12.9272 11.9887 12.927 11.6957 13.2198L10.7016 14.2131L10.7016 5.7034L11.6957 6.69671C11.9887 6.98949 12.4636 6.98931 12.7563 6.6963C13.0491 6.40329 13.0489 5.92842 12.7559 5.63564L10.6235 3.50488L15.2581 3.50488Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTextRowHeightOutline.displayName = "IconTextRowHeightOutline";

export default IconTextRowHeightOutline;