import Page from "app/layout/Page.jsx"
import { useCallback, useState } from "react"

_DEMO_IMPORT_

import parseMenu from "./parseMenu.mjs"

const Demo = () => {
  const [menu, setMenu] = useState([])

  const demoRef = useCallback((node) => {
    const nMenu = parseMenu(node)
    setMenu(nMenu)
  }, [])

  return (
    <Page menu={menu} path="demo">
      <div ref={demoRef}>
        <TheTestDemo />
      </div>
    </Page>
  )
}

export default Demo