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

export const IconTextAlignMiddleOutline = 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-outline`,
    };
    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.33325H4.99995C4.53972 3.33325 4.16662 3.70635 4.16662 4.16659V5.83325H5.83329V5.41659C5.83329 5.18647 6.01984 4.99992 6.24995 4.99992H9.16662V14.9999H7.08329V16.2499C7.08329 16.48 7.26984 16.6666 7.49995 16.6666H12.5C12.73 16.6666 12.9166 16.48 12.9166 16.2499V14.9999H10.8333V4.99992H13.75C13.98 4.99992 14.1666 5.18647 14.1666 5.41659V5.83325H15.8333V4.16659ZM7.08329 9.58325V11.2499H2.49995V9.58325H7.08329ZM17.5 9.58325V11.2499H12.9166V9.58325H17.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTextAlignMiddleOutline.displayName = "IconTextAlignMiddleOutline";

export default IconTextAlignMiddleOutline;