content: import { IndexLink, Link } from 'react-router'
  import React from 'react'
  import './HomeView.scss'
  
  class HomeView extends React.Component {
  
    /////////////////////////////////////////////////////////////////
    //
    //
    /////////////////////////////////////////////////////////////////
    constructor() {
  
      super()
  
      this.state = {
  
  
        models: [
          {
            thumbnail: 'resources/img/Office.png',
            // PRODUCTION
            //urn: 'dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6YWVjbW9kZWxzLXZpc3VhbHJlcG9ydHMtcHJvZGtlcGg5eHZ3a3BvbDJrZm9memd2ZHUwZ3hpa2RqdWc4L1VyYmFuSG91c2UtMjAxNS5ydnQ',
            // DEVELOPMENT
            urn: 'dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6amFpbWV2aXN1YWxyZXBzYmltMzYwZG9jczFnc2Jtb3NlYnp4a2cyY3RhNW0wZWtsMDNubXN6dzF0L1VyYmFuSG91c2UtMjAxNS5ydnQ',
            thumbnailClass: 'office-thumbnail',
            name: 'Office'
          }
        ]
      }
    }
  
    /////////////////////////////////////////////////////////////////
    //
    //
    /////////////////////////////////////////////////////////////////
    render() {
  
      return (
        <div className="home">
          <img className='logo-hero'/>
          <div className="models">
            <div className="title">
              Choose Model
            </div>
            <div className="content responsive-grid">
              {
                this.state.models.map((model, idx) => {
                  return (
                    <Link key={idx} to={`/viewer?urn=${model.urn}`}>
                      <figure>
                        <figcaption>
                          {model.name}
                        </figcaption>
                        <img className={model.thumbnailClass || 'default-thumbnail'}
                          src={model.thumbnail || ''}/>
                      </figure>
                    </Link>)
                })
              }
            </div>
          </div>
        </div>
      )
    }
  }
  
  export default HomeView