src/components/TrialResultCard.tsx

import React from 'react';
import MatchProgressBar from './MatchProgressBar';

const TrialResultCard = ({ trial }: { trial: any }) => {
  return (
    <div className="bg-white p-6 rounded-2xl border border-gray-100 shadow-sm hover:border-blue-200 transition-all">
      <div className="flex justify-between mb-4">
        <h3 className="text-lg font-bold text-gray-800">{trial.nct_id}</h3>
        <span className="text-xs font-bold text-blue-600 bg-blue-50 px-2 py-1 rounded">MATCH</span>
      </div>
      <MatchProgressBar label="Molecular Alignment" score={trial.match_quality} />
      <MatchProgressBar label="Logistical Feasibility" score={0.85} />
    </div>
  );
};

export default TrialResultCard;