(function (global) {
  'use strict';
  function SearchVisibilityScoreCards(props) {
    var summary = props.summary || {};
    var cards = [
      ['Overall score', (summary.overallScore || 0) + ' / 100'],
      ['Grade', summary.visibilityGrade || '-'],
      ['Owned top 3', summary.ownedTop3Count || 0],
      ['Owned top 10', summary.ownedTop10Count || 0],
      ['Missing queries', summary.missingCount || 0],
      ['Average rank', summary.averageOwnedRank || '-']
    ];
    return React.createElement('div', { className: 'free-seo-score-grid' }, cards.map(function (card) {
      return React.createElement('div', { key: card[0], className: 'free-seo-score-card' },
        React.createElement('span', null, card[0]),
        React.createElement('strong', null, card[1])
      );
    }));
  }
  global.SearchVisibilityScoreCards = SearchVisibilityScoreCards;
}(window));