28 lines
750 B
TypeScript
28 lines
750 B
TypeScript
import { SkillsRadarChart } from "@/components/radar-chart";
|
|
|
|
interface RadarSectionProps {
|
|
radarData: Array<{
|
|
category: string;
|
|
score: number;
|
|
maxScore: number;
|
|
}>;
|
|
}
|
|
|
|
export function RadarSection({ radarData }: RadarSectionProps) {
|
|
return (
|
|
<div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-6">
|
|
<div className="mb-6">
|
|
<h3 className="text-xl font-bold text-white mb-2">
|
|
Vue d'ensemble de vos compétences
|
|
</h3>
|
|
<p className="text-slate-400 text-sm">
|
|
Radar chart représentant votre niveau par catégorie
|
|
</p>
|
|
</div>
|
|
<div className="h-96 pb-8">
|
|
<SkillsRadarChart data={radarData} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|