import React, { Component } from 'react'
import ReactDOM from 'react-dom'

import { TileLayerControl } from './components/TileLayerControl.js'
import { DataSelector } from './components/DataSelector.js'
import { LayerControl } from './components/LayerControl.js'
import { SimplificationControl } from './components/SimplificationControl.js'
import { MyMap } from './components/MyMap.js'

class App extends Component {
  render() {
    return (
      <>
        <MyMap />
        <div id="options">
          <h2>Options</h2>
          <TileLayerControl />
          <DataSelector />
          <LayerControl />
          <SimplificationControl />
        </div>
      </>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'))