/components/card/colorCard

import { card } from "@hedia/hexui/components/card";
import { prose } from "@hedia/hexui/components/prose";
import { h2, p } from "@hedia/html/elements";

export function ColorCards() {
  return [
    card({ color: "green" }, prose(h2("Success"), p("Build passed"))),
    card({ color: "yellow" }, prose(h2("In Progress"), p("Build running"))),
    card({ color: "red" }, prose(h2("Failed"), p("Build failed"))),
    card({ color: "gray" }, prose(h2("Draft"), p("Not yet started"))),
    card({ color: "primary" }, prose(h2("Info"), p("Something noteworthy"))),
  ];
}