import { a } from "@fartlabs/ht";

const html = a({ href: "https://jsr.io/@fartlabs/ht" }, "@fartlabs/ht");

Deno.writeTextFileSync("index.html", html);

import { a } from "@fartlabs/ht";

const link = a(
  {
    href: "https://example.com",
    rel: "noopener noreferrer",
    target: "_blank",
    class: "btn",
  },
  "Visit example.com",
);
// <a href="https://example.com" rel="noopener noreferrer" target="_blank" class="btn">Visit example.com</a>

import { a, div, h1, p } from "@fartlabs/ht";

const content = div(
  { id: "app" },
  h1({}, "Hello"),
  p(
    {},
    "Made with ",
    a({ href: "https://jsr.io/@fartlabs/ht" }, "@fartlabs/ht"),
  ),
);
// <div id="app"><h1>Hello</h1><p>Made with <a href="https://jsr.io/@fartlabs/ht">@fartlabs/ht</a></p></div>

import { br, img, input } from "@fartlabs/ht";

const markup = [
  img({ src: "/logo.png", alt: "Logo" }),
  br(),
  input({ type: "text", name: "q", placeholder: "Search" }),
].join("");
// <img src="/logo.png" alt="Logo"><br><input type="text" name="q" placeholder="Search">

import {
  a,
  body,
  footer,
  head,
  header,
  html,
  main,
  meta,
  p,
  title,
} from "@fartlabs/ht";

const page = html(
  { lang: "en" },
  head(
    {},
    meta({ charset: "utf-8" }),
    meta({ name: "viewport", content: "width=device-width, initial-scale=1" }),
    title({}, "My Page"),
  ),
  body(
    {},
    header({}, p({}, "Welcome!")),
    main({}, p({}, "See ", a({ href: "https://jsr.io/@fartlabs/ht" }, "docs"))),
    footer({}, p({}, "© 2025")),
  ),
);

// Write to a file
// Deno.writeTextFileSync("index.html", page);