/components/badge/badge

import { badge } from "@hedia/hexui/components/badge";
import { div } from "@hedia/html/elements";

export function Colors() {
  return [
    div(
      badge({ color: "primary" }, "Primary"),
      badge({ color: "base" }, "Base"),
      badge({ color: "red" }, "Red"),
      badge({ color: "green" }, "Green"),
      badge({ color: "yellow" }, "Yellow"),
    ),
  ];
}

export function Sizes() {
  return [div(badge({ size: "sm" }, "Small"), badge({ size: "lg" }, "Large"))];
}