content: import AFRAME from 'aframe';
  import 'aframe-animation-component';
  import 'aframe-text-component';
  import 'babel-polyfill';
  import {Entity, Scene} from 'aframe-react';
  import React from 'react';
  import { Link, withRouter } from 'react-router';
  
  
  import Camera from './Camera';
  import Text from './Text';
  import Sky from './Sky';
  import Plane from './Plane';
  
  export default props => (
    <Entity>
  
          <Entity rotation="0 230 0" position="0 0 -2" material={{src: '#milan2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/milan')}/>
  
          <Entity rotation="0 180 0" position="0 0 -2" material={{src: '#sf1', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/sf')}/>
  
  
          <Entity rotation="0 130 0" position="0 0 -2" material={{src: '#berlin2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/berlin')}/>
  
          <Entity rotation="0 80 0" position="0 0 -2" material={{src: '#paris', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/louvre')}/>
  
          <Entity rotation="0 30 0" position="0 0 -2" material={{src: '#rome2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/rome')}/>
  
          <Entity rotation="0 -20 0" position="0 0 -2" material={{src: '#rome2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/rome')}/>
  
  
          <a-image id="exit-image" src="#exit" geometry="height: 0.3; width: 0.3" position="0 -1 -2" onClick={() => props.router.replace('/dashboard')}></a-image>
  
        <Entity light={{type: 'ambient', color: '#fff'}}/>
        <Entity light={{type: 'directional', intensity: 0.2}} position='-1 2 1'/>
  
        <a-sky src='#lobby1' rotation='0 -90 0'></a-sky>
    </Entity>
  );
  
  