/components/sidebar/toggle

import { button } from "@hedia/hexui/components/button";
import { sidebar, sidebarBackdrop, sidebarItem } from "@hedia/hexui/components/sidebar";
import { site } from "@hedia/hexui/components/site";
import { homeBoldIcon, menuBoldIcon, rocketBoldIcon } from "@hedia/iconly/bold";
import { usersOutlineIcon } from "@hedia/iconly/outline";

export default function () {
  return site(
    button({ kind: "secondary", shape: "round", "data-action": "toggle-sidebar" }, menuBoldIcon()),
    sidebarBackdrop(),
    sidebar(
      sidebarItem({ href: "#", icon: homeBoldIcon(), title: "Dashboard", active: true }),
      sidebarItem({ href: "#", icon: rocketBoldIcon(), title: "Apps" }),
      sidebarItem({ href: "#", icon: usersOutlineIcon(), title: "Users" }),
    ),
  );
}