/components/navbar/leading-and-trailing

import { button } from "@hedia/hexui/components/button";
import { navbar } from "@hedia/hexui/components/navbar";
import { a, h2 } from "@hedia/html/elements";
import {
  checkmarkOutlineIcon,
  chevLeftOutlineIcon,
  chevRightOutlineIcon,
  closeOutlineIcon,
} from "@hedia/iconly/outline";

export default function () {
  return [
    navbar(a({ href: "#" }, chevLeftOutlineIcon()), h2("Title"), a({ href: "#" }, chevRightOutlineIcon())),
    navbar(
      button({ kind: "secondary", shape: "round" }, closeOutlineIcon()),
      h2("Title"),
      button({ kind: "primary", shape: "round" }, checkmarkOutlineIcon()),
    ),
  ];
}