From a182458781e5f92dc01aaa07c3206e02617fbd76 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 20 Jan 2022 10:03:19 +0100
Subject: [PATCH] feat(hooks): add useViewport

---
 src/hooks/useViewport.ts | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/hooks/useViewport.ts

diff --git a/src/hooks/useViewport.ts b/src/hooks/useViewport.ts
new file mode 100644
index 00000000..3575b8bf
--- /dev/null
+++ b/src/hooks/useViewport.ts
@@ -0,0 +1,16 @@
+import { useStore } from '../store';
+import { Viewport, ReactFlowState } from '../types';
+
+const viewportSelector = (state: ReactFlowState) => ({
+  x: state.transform[0],
+  y: state.transform[1],
+  zoom: state.transform[2],
+});
+
+function useViewport(): Viewport {
+  const viewport = useStore(viewportSelector);
+
+  return viewport;
+}
+
+export default useViewport;