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

export const IconMergeCellsOutline = 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-merge-cells-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.5 1.25C7.4665 1.25 8.25 2.0335 8.25 3V5C8.25 5.41421 7.91421 5.75 7.5 5.75 7.08579 5.75 6.75 5.41421 6.75 5V3C6.75 2.86193 6.63807 2.75 6.5 2.75H3.5C3.36193 2.75 3.25 2.86193 3.25 3V9.29785C3.33011 9.26855 3.41567 9.25011 3.50586 9.25H7.01953L6.33105 8.56055 6.2793 8.50391C6.03904 8.20944 6.05674 7.77464 6.33105 7.5 6.6055 7.22577 7.03949 7.20847 7.33398 7.44824L7.3916 7.5 8.05371 8.16309 9.37988 9.48828C9.67272 9.78118 9.67275 10.2569 9.37988 10.5498L8.05371 11.875 7.3916 12.5381 7.33398 12.5898C7.03952 12.8295 6.60545 12.8122 6.33105 12.5381 6.05667 12.2635 6.03917 11.8287 6.2793 11.5342L6.33105 11.4775 7.05762 10.75H3.50586C3.41558 10.7499 3.33017 10.7305 3.25 10.7012V17C3.25 17.1381 3.36193 17.25 3.5 17.25H6.5C6.63807 17.25 6.75 17.1381 6.75 17V15.5C6.75 15.0858 7.08579 14.75 7.5 14.75 7.91421 14.75 8.25 15.0858 8.25 15.5V17C8.25 17.9665 7.4665 18.75 6.5 18.75H3.5C2.5335 18.75 1.75 17.9665 1.75 17V3C1.75 2.0335 2.5335 1.25 3.5 1.25H6.5ZM16.5 1.25C17.4665 1.25 18.25 2.0335 18.25 3V17C18.25 17.9665 17.4665 18.75 16.5 18.75H13.5C12.5335 18.75 11.75 17.9665 11.75 17V15.5C11.75 15.0858 12.0858 14.75 12.5 14.75 12.9142 14.75 13.25 15.0858 13.25 15.5V17C13.25 17.1381 13.3619 17.25 13.5 17.25H16.5C16.6381 17.25 16.75 17.1381 16.75 17V10.75H13.2422L13.9688 11.4775 14.0205 11.5342C14.2608 11.8287 14.2433 12.2635 13.9688 12.5381 13.6943 12.8122 13.2603 12.8296 12.9658 12.5898L12.9082 12.5381 12.2461 11.875 10.9199 10.5498C10.6271 10.2569 10.6271 9.78118 10.9199 9.48828L12.2461 8.16309 12.9082 7.5 12.9658 7.44824C13.2603 7.20837 13.6943 7.22574 13.9688 7.5 14.2432 7.77466 14.2609 8.2094 14.0205 8.50391L13.9688 8.56055 13.2803 9.25H16.75V3C16.75 2.86193 16.6381 2.75 16.5 2.75H13.5C13.3619 2.75 13.25 2.86193 13.25 3V5C13.25 5.41421 12.9142 5.75 12.5 5.75 12.0858 5.75 11.75 5.41421 11.75 5V3C11.75 2.0335 12.5335 1.25 13.5 1.25H16.5Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconMergeCellsOutline.displayName = "IconMergeCellsOutline";

export default IconMergeCellsOutline;