Hooks for programatic Navbar control

[TheBigSasha]

Export a hook useNavbarControl() which exposes functions that allow you to set and observe the open state of the navbar.

To do this

• Import the navbar scss module to learn the hashed generated ID value for the navbar toggle
• Create a function that toggles the navbar's open state using the css ID
• Expose the current state of the navbar as a React state variable
• Return the above from the hook

Suggested usage

import { useNavbarControl } from "tbsui-ssr";
...
const [isNavbarOpen, setNavbarOpen] = useNavbarControl();

[TheBigSasha]

Q: Why wrap CSS state in React state? A: Using pure CSS improves performance and SSR capabilities, this solution is super friendly to lazy loading in React after the page, because all navbar logic is loaded in HTML and CSS alone, then the heavier Javascript code will react to the CSS state, but only once whatever JS will consume the navbar state is loaded too. Basically, it's for either lighter pages which don't need this hook, or pages using this hook before their js is loaded in to benefit in performance.