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

export const IconTextAlignMiddle = 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-align-middle`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.8333 4.16659C15.8333 3.70635 15.4602 3.33325 15 3.33325H5C4.53977 3.33325 4.16667 3.70635 4.16667 4.16659V5.83325H5.83333V5.41659C5.83333 5.18647 6.01988 4.99992 6.25 4.99992H9.16667V14.9999H7.08333V16.2499C7.08333 16.48 7.26988 16.6666 7.5 16.6666H12.5C12.7301 16.6666 12.9167 16.48 12.9167 16.2499V14.9999H10.8333V4.99992H13.75C13.9801 4.99992 14.1667 5.18647 14.1667 5.41659V5.83325H15.8333V4.16659ZM7.08333 9.58325V11.2499H2.5V9.58325H7.08333ZM17.5 9.58325V11.2499H12.9167V9.58325H17.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTextAlignMiddle.displayName = "IconTextAlignMiddle";

export default IconTextAlignMiddle;