import { Code2 } from "lucide-react";

export function EvaluationHeader() {
  return (
    <div className="text-center space-y-4 mb-8">
      <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 backdrop-blur-sm">
        <Code2 className="h-4 w-4 text-blue-400" />
        <span className="text-sm font-medium text-slate-200">
          Évaluation de compétences
        </span>
      </div>

      <h1 className="text-3xl font-bold text-white">
        Mes compétences techniques
      </h1>

      <p className="text-slate-400 max-w-2xl mx-auto leading-relaxed">
        Sélectionne tes technologies et définis ton niveau de maîtrise
      </p>
    </div>
  );
}