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

export const IconToolSectionTitleOutline = 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-tool-section-title-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.5 3C3.5 2.58579 3.83579 2.25 4.25 2.25H6.25C6.66421 2.25 7 2.58579 7 3C7 3.41421 6.66421 3.75 6.25 3.75H6V9.25H14V3.75H13.75C13.3358 3.75 13 3.41421 13 3C13 2.58579 13.3358 2.25 13.75 2.25H15.75C16.1642 2.25 16.5 2.58579 16.5 3C16.5 3.41421 16.1642 3.75 15.75 3.75H15.5V16.25H15.75C16.1642 16.25 16.5 16.5858 16.5 17C16.5 17.4142 16.1642 17.75 15.75 17.75H13.75C13.3358 17.75 13 17.4142 13 17C13 16.5858 13.3358 16.25 13.75 16.25H14V10.75H6V16.25H6.25C6.66421 16.25 7 16.5858 7 17C7 17.4142 6.66421 17.75 6.25 17.75H4.25C3.83579 17.75 3.5 17.4142 3.5 17C3.5 16.5858 3.83579 16.25 4.25 16.25H4.5V3.75H4.25C3.83579 3.75 3.5 3.41421 3.5 3Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolSectionTitleOutline.displayName = "IconToolSectionTitleOutline";

export default IconToolSectionTitleOutline;