Initial import

src/layer/gesture/hooks/useGestureLayer.ts

@@ -0,0 +1,23 @@
+import { useEffect } from 'react';
+import { useGestureContext } from '../context/GestureContext';
+import type { GestureLayerDefinition, PageGestureState } from '../types';
+
+export function useGesturePageState(pageState: PageGestureState) {
+  const { setPageState } = useGestureContext();
+
+  useEffect(() => {
+    setPageState(pageState);
+  }, [pageState, setPageState]);
+}
+
+export function useGestureLayer(layer: GestureLayerDefinition) {
+  const { registerLayer, unregisterLayer } = useGestureContext();
+
+  useEffect(() => {
+    registerLayer(layer);
+
+    return () => {
+      unregisterLayer(layer.id);
+    };
+  }, [layer, registerLayer, unregisterLayer]);
+}