/components/card/card

import { button, buttons } from "@hedia/hexui/components/button";
import { card } from "@hedia/hexui/components/card";
import { checkbox } from "@hedia/hexui/components/checkbox";
import { form } from "@hedia/hexui/components/form";
import { input } from "@hedia/hexui/components/input";
import { prose } from "@hedia/hexui/components/prose";
import { fieldset, h2, p } from "@hedia/html/elements";
import { gingerbreadOutlineIcon } from "@hedia/iconly/outline";

export function basicCard() {
  return card(prose(h2("Hello I'm a card"), p("Just a little card")));
}

export function cardWithForm() {
  return card(
    form(
      input({ type: "text", placeholder: "Input within a card", leadingIcon: gingerbreadOutlineIcon() }),
      fieldset(
        checkbox({
          description: "Tick if you like tickyboxes",
          heading: "Tickybox",
        }),
      ),
      buttons(
        { arrangement: "horizontal" },
        button({ kind: "primary" }, "Beep"),
        button({ kind: "secondary" }, "Boop"),
      ),
    ),
  );
}