(function (global) {
  'use strict';
  function SearchVisibilityOpportunityPanel(props) {
    var recommendations = props.recommendations || [];
    return React.createElement('section', { className: 'free-seo-card' },
      React.createElement('h3', null, 'Recommended actions'),
      recommendations.length ? React.createElement('div', null, recommendations.map(function (rec) {
        return React.createElement('article', { key: rec.id, className: 'free-seo-recommendation' },
          React.createElement('strong', null, rec.priority, ': ', rec.title),
          React.createElement('p', null, rec.description),
          React.createElement('ul', null, (rec.actions || []).map(function (action) { return React.createElement('li', { key: action }, action); }))
        );
      })) : React.createElement('p', null, 'No recommendations yet.')
    );
  }
  global.SearchVisibilityOpportunityPanel = SearchVisibilityOpportunityPanel;
}(window));