"use client";

import { Badge } from "@/components/ds";
import { publishStatusLabels, publishStatusTone } from "./tokens";

export function ExperienceStatusChip({ status }: { status: string }) {
  const label = publishStatusLabels[status] ?? status;
  const tone = publishStatusTone(status);
  return <Badge tone={tone === "default" ? "default" : tone}>{label}</Badge>;
}