Abstract TransformContext

src/context/TransformContext.jsx

@@ -0,0 +1,16 @@
+import { createContext, useState } from "react";
+
+export const TransformContext = createContext(null);
+
+export default function TransformContextProvider({ children }) {
+  const [transform, setTransform] = useState({
+    zoom: 1,
+    pan: { x: 0, y: 0 },
+  });
+
+  return (
+    <TransformContext.Provider value={{ transform, setTransform }}>
+      {children}
+    </TransformContext.Provider>
+  );
+}