import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { SearchUI } from './SearchUIWrapper';

class App extends Component {

  getTemplateContent() {
    return `
       <div class="coveo-result-frame">
           <div class='coveo-result-row'>
             <a class='CoveoResultLink'></a>
           </div>
           <div class='covoe-result-row'>
             <div class='CoveoExcerpt'></div>
           </div>
       </div>
      `
  }

  render() {
    return (
      <div>

        <SearchUI>
          <div className="CoveoSearchbox"></div>
          <div className="CoveoFacet" data-field="@objecttype"></div>
          <div className="CoveoResultList" data-layout="list" data-wait-animation="fade" data-auto-select-fields-to-include="true" ref="resultList">
            <script className='result-template' type='text/underscore' dangerouslySetInnerHTML={{ __html: this.getTemplateContent() }}></script>
          </div>
        </SearchUI>
      </div>
    );
  }
}

export default App;