/components/navbar/secondary

import { breadcrumb, crumb } from "@hedia/hexui/components/breadcrumb";
import { button } from "@hedia/hexui/components/button";
import { navbar } from "@hedia/hexui/components/navbar";
import { span } from "@hedia/html/elements";
import { chevLeftOutlineIcon } from "@hedia/iconly/outline";

export default function () {
  return [
    navbar(
      { kind: "secondary" },
      button({ kind: "plain", href: "#", shape: "round" }, chevLeftOutlineIcon()),
      span("Log Details"),
    ),
    navbar(
      { kind: "secondary" },
      breadcrumb(crumb({ href: "#" }, "Home"), crumb({ href: "#" }, "Services"), crumb("Settings")),
    ),
  ];
}