(function (global) {
  'use strict';
  function SearchVisibilityResultList(props) {
    var result = props.result;
    if (!result) return React.createElement('section', { className: 'free-seo-card' }, React.createElement('p', null, 'Select a query to inspect result evidence.'));
    return React.createElement('section', { className: 'free-seo-card' },
      React.createElement('h3', null, 'Result evidence: ', result.query),
      React.createElement('ol', null, (result.results || []).map(function (item) {
        return React.createElement('li', { key: item.position + ':' + item.url, className: item.isOwned ? 'owned-result' : (item.isCompetitor ? 'competitor-result' : '') },
          React.createElement('strong', null, '#', item.position, ' ', item.title),
          React.createElement('br'),
          React.createElement('a', { href: item.url, target: '_blank', rel: 'noreferrer' }, item.url),
          React.createElement('p', null, item.snippet || ''),
          item.isOwned ? React.createElement('span', { className: 'pill' }, 'Owned') : null,
          item.isCompetitor ? React.createElement('span', { className: 'pill' }, 'Competitor: ' + item.competitorDomain) : null
        );
      }))
    );
  }
  global.SearchVisibilityResultList = SearchVisibilityResultList;
}(window));