feat: add use-disclosure hook (#11)

src/hooks/index.js

@@ -0,0 +1 @@
+export * from './useDisclosure';

src/hooks/useDisclosure.js

@@ -0,0 +1,32 @@
+import { useState, useCallback } from 'react';
+
+export const useDisclosure = (props) => {
+  const [isOpen, setIsOpen] = useState(props?.defaultIsOpen || false);
+  const onOpenProp = props?.onOpen;
+  const onCloseProp = props?.onClose;
+
+  const onOpen = useCallback(() => {
+    setIsOpen(true);
+    onOpenProp?.();
+  }, [onOpenProp]);
+
+  const onClose = useCallback(() => {
+    setIsOpen(false);
+    onCloseProp?.();
+  }, [onCloseProp]);
+
+  const onToggle = useCallback(() => {
+    if (isOpen) {
+      onClose();
+    } else {
+      onOpen();
+    }
+  }, [isOpen, onOpen, onClose]);
+
+  return {
+    isOpen,
+    onOpen,
+    onClose,
+    onToggle,
+  };
+};