/components/colors/textClasses

import { prose } from "@hedia/hexui/components/prose";
import { br, code, div, strong } from "@hedia/html/elements";
import {
  closeOutlineIcon,
  computerCaseOutlineIcon,
  heartOutlineIcon,
  infoOutlineIcon,
  shieldLockOutlineIcon,
  starOutlineIcon,
} from "@hedia/iconly/outline";

export function TextClasses() {
  return [
    div(
      prose(code(".text-primary")),
      br(),
      strong({ class: "text-primary inline-flex" }, infoOutlineIcon(), "Primary text"),
    ),
    div(
      prose(code(".text-secondary")),
      br(),
      strong({ class: "text-secondary inline-flex" }, shieldLockOutlineIcon(), "Secondary text"),
    ),
    div(
      prose(code(".text-blue")),
      br(),
      strong({ class: "text-blue inline-flex" }, computerCaseOutlineIcon(), "Blue text"),
    ),
    div(
      prose(code(".text-green")),
      br(),
      strong({ class: "text-green inline-flex" }, heartOutlineIcon(), "Green text"),
    ),
    div(prose(code(".text-red")), br(), strong({ class: "text-red inline-flex" }, closeOutlineIcon(), "Red text")),
    div(
      prose(code(".text-yellow")),
      br(),
      strong({ class: "text-yellow inline-flex" }, starOutlineIcon(), "Yellow text"),
    ),
  ];
}