import { Badge } from "@/components/ui/badge";
import type { BadgeTone } from "@/components/ui/badge";

export function StatusLine({
  label,
  value,
  tone
}: {
  label: string;
  value: string;
  tone: BadgeTone;
}) {
  return (
    <div className="flex items-center justify-between gap-3 rounded-md border border-border px-3 py-2">
      <span className="text-sm text-muted-foreground">{label}</span>
      <Badge tone={tone}>{value}</Badge>
    </div>
  );
}