import React from "react";

export const SelectItemsIcon: React.SFC<React.SVGProps<
  SVGSVGElement
>> = props => {
  return (
    <svg
      width="32"
      height="32"
      viewBox="0 0 32 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      data-testid="selectItemsIcon"
      {...props}
    >
      <path d="M12 4H8V6H12V4Z" fill="#4C4C4C" />
      <path d="M6 4H2V6H6V4Z" fill="#4C4C4C" />
      <path d="M18 4H14V6H18V4Z" fill="#4C4C4C" />
      <path d="M24 4H20V6H24V4Z" fill="#4C4C4C" />
      <path d="M30 4H26V6H30V4Z" fill="#4C4C4C" />
      <path d="M30 26H26V28H30V26Z" fill="#4C4C4C" />
      <path d="M24 26H20V28H24V26Z" fill="#4C4C4C" />
      <path d="M18 26H14V28H18V26Z" fill="#4C4C4C" />
      <path d="M12 26H8V28H12V26Z" fill="#4C4C4C" />
      <path d="M6 26H2V28H6V26Z" fill="#4C4C4C" />
      <path d="M30 4H28V8H30V4Z" fill="#4C4C4C" />
      <path d="M30 10H28V14H30V10Z" fill="#4C4C4C" />
      <path d="M30 22H28V26H30V22Z" fill="#4C4C4C" />
      <path d="M4 24H2V28H4V24Z" fill="#4C4C4C" />
      <path d="M30 16H28V20H30V16Z" fill="#4C4C4C" />
      <path d="M4 18H2V22H4V18Z" fill="#4C4C4C" />
      <path d="M4 12H2V16H4V12Z" fill="#4C4C4C" />
      <path d="M4 6H2V10H4V6Z" fill="#4C4C4C" />
      <rect
        x="7"
        y="9"
        width="7"
        height="5"
        stroke="#4C4C4C"
        stroke-width="2"
      />
      <rect
        x="18"
        y="9"
        width="7"
        height="5"
        stroke="#4C4C4C"
        stroke-width="2"
      />
      <rect
        x="7"
        y="18"
        width="7"
        height="5"
        stroke="#4C4C4C"
        stroke-width="2"
      />
      <rect
        x="18"
        y="18"
        width="7"
        height="5"
        stroke="#4C4C4C"
        stroke-width="2"
      />
    </svg>
  );
};
