function LeadCandidateTable(props) {
  var leads = props.leads || [];
  return <div className="free-seo-card">
    <h3>Lead candidates</h3>
    <table className="free-seo-table"><thead><tr><th>Domain</th><th>Source</th><th>Score</th><th>Grade</th><th>Top opportunity</th></tr></thead><tbody>
      {leads.map(function (lead) {
        var top = lead.opportunitiesForClient && lead.opportunitiesForClient[0];
        return <tr key={lead.id} onClick={function () { props.onSelect && props.onSelect(lead); }}>
          <td>{lead.domain}</td><td>{lead.source}</td><td>{lead.scores && lead.scores.overall}</td><td>{lead.scores && lead.scores.grade}</td><td>{top && top.title}</td>
        </tr>;
      })}
    </tbody></table>
  </div>;
}
window.LeadCandidateTable = LeadCandidateTable;