1 files changed, 21 insertions, 0 deletions
diff --git a/src/components/hooks/useInteractionState.ts b/src/components/hooks/useInteractionState.ts
new file mode 100644
index 000000000..653b1c10e
--- /dev/null
+++ b/src/components/hooks/useInteractionState.ts
@@ -0,0 +1,21 @@
+import React from 'react'
+
+export function useInteractionState() {
+  const [state, setState] = React.useState(false)
+
+  const onIn = React.useCallback(() => {
+    setState(true)
+  }, [setState])
+  const onOut = React.useCallback(() => {
+    setState(false)
+  }, [setState])
+
+  return React.useMemo(
+    () => ({
+      state,
+      onIn,
+      onOut,
+    }),
+    [state, onIn, onOut],
+  )
+}