import { CheckCircle2, AlertTriangle, XCircle, Clock3 } from 'lucide-react';
import StatusBadge from '@/components/app/StatusBadge';
const icons={pass:CheckCircle2,warning:AlertTriangle,fail:XCircle,not_checked:Clock3};
export default function ValidationCheck({check}){const Icon=icons[check.status]||Clock3;return <div className="flex items-center gap-3 rounded-xl border border-white/10 bg-[#11171c] p-4"><Icon className={check.status==='pass'?'text-emerald-400':check.status==='fail'?'text-red-400':check.status==='warning'?'text-amber-300':'text-slate-500'} size={20}/><div className="min-w-0 flex-1"><p className="text-sm font-medium text-white">{check.name}</p>{check.note&&<p className="mt-1 text-xs text-slate-500">{check.note}</p>}</div><StatusBadge status={check.status}/></div>}