import "../styles/Grid.css";
import GridHead from "./GridHead.js";
import GridRow from "./GridRow.js";

import React from "react";

const Grid = () => {
  const renderRows = () => {
    const rows = [];
    for (let i = 0; i < 5; i++) {
      rows.push(<GridRow key={i} />);
    }
    return rows;
  };

  return (
    <div className="Grid">
      <GridHead />
      {renderRows()}
    </div>
  );
};

export default Grid;