import React from 'react';

const Grid = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    className={className}
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M4.5 2.78906C3.39543 2.78906 2.5 3.68449 2.5 4.78906V8.78906C2.5 9.89363 3.39543 10.7891 4.5 10.7891H8.5C9.60457 10.7891 10.5 9.89363 10.5 8.78906V4.78906C10.5 3.68449 9.60457 2.78906 8.5 2.78906H4.5ZM16.5 2.78906C15.3954 2.78906 14.5 3.68449 14.5 4.78906V8.78906C14.5 9.89363 15.3954 10.7891 16.5 10.7891H20.5C21.6046 10.7891 22.5 9.89363 22.5 8.78906V4.78906C22.5 3.68449 21.6046 2.78906 20.5 2.78906H16.5ZM2.5 16.7891C2.5 15.6845 3.39543 14.7891 4.5 14.7891H8.5C9.60457 14.7891 10.5 15.6845 10.5 16.7891V20.7891C10.5 21.8936 9.60457 22.7891 8.5 22.7891H4.5C3.39543 22.7891 2.5 21.8936 2.5 20.7891V16.7891ZM16.5 14.7891C15.3954 14.7891 14.5 15.6845 14.5 16.7891V20.7891C14.5 21.8936 15.3954 22.7891 16.5 22.7891H20.5C21.6046 22.7891 22.5 21.8936 22.5 20.7891V16.7891C22.5 15.6845 21.6046 14.7891 20.5 14.7891H16.5Z"
      fill={fill}
    />
  </svg>
);

export default Grid;
