import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Widgets } from 'react-arcgis';
const Search = Widgets.Search;

import MapComponent from './MapComponent';

const domContainer = document.getElementById('app');

export default class App extends Component {

    onMapLoad = (map, view) => {
        this.setState({
            map,
            view
        })
    }

    render () {
        return ( 
           <MapComponent 
                viewId={'6627e1dd5f594160ac60f9dfc411673f'}
                onMapLoad={this.onMapLoad}>
                <Search />
           </MapComponent>
        );
    }
}

ReactDOM.render((
    <App /> 
), domContainer);