From 35add63ec4dce39710095f17abd86777de9e5b49 Mon Sep 17 00:00:00 2001
From: Elizabeth Hunt <me@liz.coffee>
Date: Sat, 4 Oct 2025 18:36:10 -0700
Subject: Working history state

---
 src/components/grid/GridComponent.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/grid/GridComponent.tsx

(limited to 'src/components/grid/GridComponent.tsx')

diff --git a/src/components/grid/GridComponent.tsx b/src/components/grid/GridComponent.tsx
new file mode 100644
index 0000000..75d65aa
--- /dev/null
+++ b/src/components/grid/GridComponent.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+
+import type { Grid, GridCell } from '@/types/grid';
+import { Cell } from '@/components/grid/Cell';
+
+interface GridProps {
+    grid: Grid;
+    onCellInteract?: (cell: GridCell) => void;
+}
+
+export const GridComponent: React.FC<GridProps> = ({
+    grid,
+    onCellInteract,
+}) => {
+    return (
+        <div className='grid'>
+            {grid.map((row, i) => (
+                <div className='grid-row' key={i}>
+                    {row.map((cell, j) => (
+                        <Cell
+                            key={j}
+                            cell={cell}
+                            onClick={() => onCellInteract?.(cell)}
+                        />
+                    ))}
+                </div>
+            ))}
+        </div>
+    );
+};
-- 
cgit v1.2.3-70-g09d2

