/components/toggleGroup/default

import { toggleGroup } from "@hedia/hexui/components/toggle-group";
import { div } from "@hedia/html/elements";

export function Default() {
  return [div(toggleGroup({ label: "Cards", active: true }, { label: "List" }))];
}

export function WithThreeLinks() {
  return [
    div(
      toggleGroup(
        { label: "Overview", href: "#overview", active: true },
        { label: "Details", href: "#details" },
        { label: "History", href: "#history" },
      ),
    ),
  ];
}