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

export const IconTextUnderline = 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-underline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.25 2.87549C6.25 2.46127 5.91421 2.12549 5.5 2.12549 5.08579 2.12549 4.75 2.46127 4.75 2.87549V9C4.75 11.8995 7.1005 14.25 10 14.25 12.8995 14.25 15.25 11.8995 15.25 9V2.87549C15.25 2.46127 14.9142 2.12549 14.5 2.12549 14.0858 2.12549 13.75 2.46127 13.75 2.87549V9C13.75 11.0711 12.0711 12.75 10 12.75 7.92893 12.75 6.25 11.0711 6.25 9V2.87549ZM5 15.75C4.58579 15.75 4.25 16.0858 4.25 16.5 4.25 16.9142 4.58579 17.25 5 17.25H15C15.4142 17.25 15.75 16.9142 15.75 16.5 15.75 16.0858 15.4142 15.75 15 15.75H5Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconTextUnderline.displayName = "IconTextUnderline";

export default IconTextUnderline;