0770ff499b
All checks were successful
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-consent (push) Successful in 39s
CI / test-python-voice (push) Successful in 37s
CI / test-bqas (push) Successful in 37s
Neue statische Website fuer Kinder (6-12 Jahre) mit 8 Holzprojekten, SVG-Illustrationen, Sicherheitshinweisen und kindgerechtem Design. Next.js 15 + Tailwind + Framer Motion. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
16 lines
449 B
TypeScript
16 lines
449 B
TypeScript
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>
|
|
)
|
|
}
|