import { cva } from "class-variance-authority";
import { STATUS_META, type ServiceStatus } from "../../lib/model";

const statusBadgeVariants = cva(
  "inline-flex items-center gap-1.5 whitespace-nowrap text-xs font-semibold before:size-1.5 before:rounded-full before:bg-current before:content-['']",
  {
    variants: {
      status: {
        running: "text-brand",
        stopped: "text-muted",
        faulted: "text-coral-strong",
      },
    },
  },
);

export function StatusBadge(props: { status: ServiceStatus }) {
  return (
    <span data-slot="service-status" class={statusBadgeVariants({ status: props.status })}>
      {STATUS_META[props.status].label}
    </span>
  );
}