(function (global) {
  'use strict';
  function SearchVisibilityQueryTable(props) {
    var rows = props.rows || [];
    var onSelect = props.onSelect || function () {};
    return React.createElement('section', { className: 'free-seo-card' },
      React.createElement('h3', null, 'Sampled queries'),
      React.createElement('table', { className: 'free-seo-table' },
        React.createElement('thead', null, React.createElement('tr', null,
          React.createElement('th', null, 'Query'),
          React.createElement('th', null, 'Score'),
          React.createElement('th', null, 'Owned rank'),
          React.createElement('th', null, 'Competitors top 10'),
          React.createElement('th', null, 'Status')
        )),
        React.createElement('tbody', null, rows.map(function (row) {
          return React.createElement('tr', { key: row.id, onClick: function () { onSelect(row); } },
            React.createElement('td', null, row.query),
            React.createElement('td', null, row.score, ' / ', row.grade),
            React.createElement('td', null, row.topOwnedRank || 'Not found'),
            React.createElement('td', null, row.competitorTop10Count || 0),
            React.createElement('td', null, row.status)
          );
        }))
      )
    );
  }
  global.SearchVisibilityQueryTable = SearchVisibilityQueryTable;
}(window));