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

export const IconGridMediumHorizontal = 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-grid-medium-horizontal`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.19995 8.00001C1.19995 6.72976 2.2297 5.70001 3.49995 5.70001H16.5C17.7702 5.70001 18.7999 6.72976 18.7999 8.00001V12C18.7999 13.2703 17.7702 14.3 16.5 14.3H3.49995C2.2297 14.3 1.19995 13.2703 1.19995 12V8.00001ZM3.49995 7.30001C3.11335 7.30001 2.79995 7.61341 2.79995 8.00001V12C2.79995 12.3866 3.11335 12.7 3.49995 12.7H16.5C16.8866 12.7 17.2 12.3866 17.2 12V8.00001C17.2 7.61341 16.8866 7.30001 16.5 7.30001H3.49995Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconGridMediumHorizontal.displayName = "IconGridMediumHorizontal";

export default IconGridMediumHorizontal;