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

export const IconTextSizeMinusOutline = 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-size-minus-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.1632 2.92279C9.45495 2.92286 9.71993 3.09279 9.84289 3.35736L15.756 16.0927C15.9303 16.4684 15.7674 16.9144 15.3917 17.0888C15.0163 17.2627 14.5701 17.0998 14.3956 16.7245L12.9073 13.5195H5.41809L3.93078 16.7245C3.75628 17.0998 3.31015 17.2628 2.93469 17.0888C2.55956 16.9143 2.39556 16.4681 2.56946 16.0927L8.48254 3.35736C8.60538 3.09277 8.87152 2.92303 9.1632 2.92279ZM6.11438 12.0195H12.2111L9.16223 5.45306L6.11438 12.0195ZM17.2579 2.69037C17.6716 2.69082 18.0077 3.02664 18.0079 3.44037C18.0079 3.8543 17.6718 4.18992 17.2579 4.19037H13.2579C12.8437 4.19037 12.5079 3.85458 12.5079 3.44037C12.5082 3.02637 12.8439 2.69037 13.2579 2.69037H17.2579Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconTextSizeMinusOutline.displayName = "IconTextSizeMinusOutline";

export default IconTextSizeMinusOutline;