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

export const IconTableOutline = 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-table-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.5 1.75C17.4665 1.75 18.25 2.5335 18.25 3.5V16.5C18.25 17.4665 17.4665 18.25 16.5 18.25H3.5C2.5335 18.25 1.75 17.4665 1.75 16.5V3.5C1.75 2.5335 2.5335 1.75 3.5 1.75H16.5ZM13.25 13V16.75H16.5C16.6381 16.75 16.75 16.6381 16.75 16.5V13H13.25ZM8.25 16.75H11.75V13H8.25V16.75ZM3.25 16.5C3.25 16.6381 3.36193 16.75 3.5 16.75H6.75V13H3.25V16.5ZM13.25 8V11.5H16.75V8H13.25ZM3.25 11.5H6.75V8H3.25V11.5ZM8.25 11.5H11.75V8H8.25V11.5ZM3.5 3.25C3.36193 3.25 3.25 3.36193 3.25 3.5V6.5H16.75V3.5C16.75 3.36193 16.6381 3.25 16.5 3.25H3.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTableOutline.displayName = "IconTableOutline";

export default IconTableOutline;