import type { ReactNode } from "react";

// One shared list style for every former <br>-joined list in the live file.
export function DataList({ items, empty }: { items: ReactNode[]; empty?: string }) {
  if (!items.length) return <div className="muted">{empty || "（暂无）"}</div>;
  return <ul className="data-list">{items.map((it, i) => <li key={i}>{it}</li>)}</ul>;
}
export function DataListRaw({ children }: { children: ReactNode }) {
  return <ul className="data-list">{children}</ul>;
}
export function StatusPill({ status }: { status?: string }) {
  return <span className={"st-" + (status || "")}>{status || ""}</span>;
}