named export hook

Author: pettinarip

src/components/Nav/Mobile/LvlAccordion.tsx

@@ -57,7 +57,7 @@ const LvlAccordion = ({
             <AccordionItem
               key={label}
               value={label}
-              className={cn("border-t border-body-light last:border-b")}
+              className="border-t border-body-light last:border-b"
             >
               <AccordionPrimitive.Trigger asChild>
                 {/* TODO: replace this with ButtonLink when is implemented */}

src/components/Nav/Mobile/index.tsx

@@ -14,7 +14,7 @@ import MenuBody from "./MenuBody"
 import MenuFooter from "./MenuFooter"
 import MenuHeader from "./MenuHeader"
 
-import useDisclosure from "@/hooks/useDisclosure"
+import { useDisclosure } from "@/hooks/useDisclosure"
 
 type MobileNavMenuProps = ButtonProps & {
   toggleColorMode: () => void

src/hooks/useDisclosure.ts

@@ -4,7 +4,7 @@ import { useBoolean } from "usehooks-ts"
  * Hook that provides a more semantic API for managing the open/close state of a
  * modal, dropdown, or any other component that can be opened and closed.
  */
-function useDisclosure(defaultValue = false) {
+export const useDisclosure = (defaultValue = false) => {
   const { value, setTrue, setFalse, toggle } = useBoolean(defaultValue)
 
   return {
@@ -14,5 +14,3 @@ function useDisclosure(defaultValue = false) {
     onToggle: toggle,
   }
 }
-
-export default useDisclosure