import { Hammer } from 'lucide-react'

export function DifficultyBadge({ level }: { level: 1 | 2 | 3 }) {
  const labels = ['Anfaenger', 'Fortgeschritten', 'Profi']
  return (
    <div className="flex items-center gap-1" title={labels[level - 1]}>
      {Array.from({ length: 3 }).map((_, i) => (
        <Hammer
          key={i}
          className={`w-4 h-4 ${i < level ? 'text-primary' : 'text-gray-300'}`}
        />
      ))}
    </div>
  )
}
