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

export const IconTextSizePlusOutline = 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-plus-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M8.94694 3.66125C9.23852 3.66143 9.50464 3.83144 9.6276 4.09583L15.3239 16.3644C15.4981 16.7399 15.334 17.1859 14.9587 17.3605C14.5831 17.5344 14.1369 17.3717 13.9626 16.9962L12.5368 13.9249H5.35709L3.93131 16.9962C3.75698 17.3717 3.31078 17.5344 2.93522 17.3605C2.55994 17.1859 2.39576 16.7399 2.56998 16.3644L8.26627 4.09583C8.38922 3.83143 8.65535 3.66144 8.94694 3.66125ZM6.05338 12.4249H11.8405L8.94694 6.1925L6.05338 12.4249ZM14.9313 2.25012C15.3453 2.25024 15.6811 2.58612 15.6813 3.00012V4.25012H16.9313C17.3453 4.25024 17.6811 4.58612 17.6813 5.00012C17.6811 5.41407 17.3453 5.75 16.9313 5.75012H15.6813V7.00012C15.6811 7.41407 15.3453 7.75 14.9313 7.75012C14.5173 7.75011 14.1815 7.41413 14.1813 7.00012V5.75012H12.9313C12.5173 5.75011 12.1815 5.41413 12.1813 5.00012C12.1815 4.58606 12.5172 4.25014 12.9313 4.25012H14.1813V3.00012C14.1815 2.58606 14.5172 2.25014 14.9313 2.25012Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconTextSizePlusOutline.displayName = "IconTextSizePlusOutline";

export default IconTextSizePlusOutline;