export type StatusColor = { text: string; dot: string };

export default function StatusBadge<S extends string>({
  status,
  colorMap,
}: {
  status: S;
  colorMap: Record<S, StatusColor>;
}) {
  const color = colorMap[status] || { text: "#667085", dot: "#667085" };

  return (
    <span className="flex items-center gap-1.5">
      <span className="h-1.5 w-1.5 rounded-full" style={{ backgroundColor: color.dot }} />
      <span className="whitespace-nowrap text-[13px] font-medium" style={{ color: color.text }}>
        {status}
      </span>
    </span>
  );
}