/components/statusPill/statusPill

import { statusPill } from "@hedia/hexui/components/status-pill";
import { div } from "@hedia/html/elements";

export function Colors() {
  return [
    div(
      { style: "display: flex; flex-wrap: wrap; gap: 0.5rem;" },
      statusPill({ color: "gray" }, "Draft"),
      statusPill({ color: "green" }, "Success"),
      statusPill({ color: "yellow" }, "In progress"),
      statusPill({ color: "red" }, "Failed"),
      statusPill({ color: "primary" }, "Info"),
    ),
  ];
}