const statusStyles: Record<string, string> = {
    pending: "ci-status-pending",
    running: "ci-status-running",
    success: "ci-status-success",
    failure: "ci-status-failure",
    cancelled: "ci-status-cancelled",
    skipped: "ci-status-skipped",
};

export function CiStatusPill({ status }: { status: string }) {
    const cls = statusStyles[status] ?? "ci-status-pending";
    return <span class={`ci-status-pill ${cls}`}>{status}</span>;
}