get rid of react

src/Shapes.ts

@@ -0,0 +1,39 @@
+import { Ctx, FillStyle } from "./MainDraw.js";
+
+export function rect(
+  ctx: Ctx,
+  x: number,
+  y: number,
+  w: number,
+  h: number,
+  color: FillStyle = "black"
+): void {
+  ctx.fillStyle = color;
+  ctx.fillRect(x, y, w, h);
+}
+
+export function circle(
+  ctx: Ctx,
+  x: number,
+  y: number,
+  r: number,
+  color: FillStyle = "black"
+): void {
+  ctx.fillStyle = color;
+  ctx.beginPath();
+  ctx.ellipse(x, y, r, r, 0, 0, 50);
+  ctx.fill();
+}
+
+export function text(
+  ctx: Ctx,
+  x: number,
+  y: number,
+  text: string,
+  fontSize: number = 15,
+  color: FillStyle = "black"
+) {
+  ctx.fillStyle = color;
+  ctx.font = `${fontSize}px Arial`;
+  ctx.fillText(text, x, y);
+}