text: // Canvas
  // Top-Level Canvas API
  // Maps Rows into Row Component
  // Generates individual row ids[Needs double-checking(might need another engineer to look at)]
  import React, { memo } from 'react'
  import Row from './grid/Row.js'
  import './Canvas.css'
  
  import * as S from './MyStyle'
  
  const Canvas = memo(({ grid, clickCell, refsAPI }) => {
  
      return (
          <>
  
              <S.Grid>
                  
                  <S.GoLTextCont>
                      <S.GoLText>Game</S.GoLText>
                      <S.GoLText>Of</S.GoLText>
                      <S.GoLText>Life</S.GoLText>
                  </S.GoLTextCont>
                  
                  {
                      grid.length ? grid.map((r, i) => (
                          <Row
                              className = "row"
                              key = {i}
                              rId = {i}
                              r = {r}
                              clickCell = {clickCell}
                              lastRow = {
                                  i === (grid.length-1)
                                  ?   true
                                  :   false
                              }
                              refsAPI = {refsAPI}
                          />
                      )) : null
                  }
              </S.Grid>
  
          </>
      )
  })
  
  export default Canvas