'use client'

export function StatusBadge({ status }: { status: string }) {
  const colors: Record<string, string> = {
    planned: 'bg-gray-100 text-gray-700',
    implemented: 'bg-blue-100 text-blue-700',
    verified: 'bg-green-100 text-green-700',
  }
  const labels: Record<string, string> = {
    planned: 'Geplant',
    implemented: 'Umgesetzt',
    verified: 'Verifiziert',
  }
  return (
    <span className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${colors[status] || colors.planned}`}>
      {labels[status] || status}
    </span>
  )
}
