/services/licensing/register

import { button, buttons } from "@hedia/hexui/components/button";
import { content } from "@hedia/hexui/components/content";
import { form } from "@hedia/hexui/components/form";
import { header } from "@hedia/hexui/components/header";
import { list, listItem } from "@hedia/hexui/components/list";
import { navbar } from "@hedia/hexui/components/navbar";
import { prose } from "@hedia/hexui/components/prose";
import { screen } from "@hedia/hexui/components/screen";
import { a, div, h2, img } from "@hedia/html/elements";
import { chevRightOutlineIcon } from "@hedia/iconly/outline";

export default function () {
  return screen(
    header(navbar(a({ href: "#" }, "Close"), h2("Register License"))),
    content(
      prose(h2("Register your license ")),
      form(
        div({ class: "placeholder" }, "Form goes here."),
        buttons({ arrangement: "vertical" }, button({ kind: "primary" }, "Register")),
      ),
      list(
        listItem({
          leading: [img({ src: "/apps/appthera/icon.svg", width: "32", height: "32" })],
          title: "AppThera",
          subtitle: "Activate prescription",
          trailing: [chevRightOutlineIcon()],
          href: "/apps/appthera",
          target: "_top",
        }),
      ),
    ),
  );
}