function LeadSourceConfigPanel(props) {
  var providers = props.providers || [];
  return <div className="free-seo-card">
    <h3>Lead sources</h3>
    <p>Use manual seed lists by default. Optional self-hosted sources must be enabled by an administrator.</p>
    <div className="free-seo-grid">
      {providers.map(function (provider) {
        return <div key={provider.id} className="free-seo-card-muted">
          <strong>{provider.label}</strong>
          <div>Status: {provider.enabled ? 'enabled' : 'disabled'} / {provider.configured ? 'configured' : 'not configured'}</div>
          <div>Paid key required: {provider.requiresPaidKey ? 'yes' : 'no'}</div>
          <small>{(provider.notes || []).join(' ')}</small>
        </div>;
      })}
    </div>
  </div>;
}
window.LeadSourceConfigPanel = LeadSourceConfigPanel;