import {Component, h} from 'preact';
import {Router} from 'preact-router';
import AsyncRoute from 'preact-async-route';

export default class App extends Component{
  getProfile(url, cb, props){
    return import('../Users').then(module => module.default);
  }

  getHome(url, cb, props){
    return import('../Home').then(module => module.default);
  }

  render(props) {
    return(
      <div>
        <Router {...props}>
          <AsyncRoute path='/' getComponent={this.getHome}/>
          <AsyncRoute path='/users' getComponent={this.getProfile} />
        </Router>
      </div>
    )
  }
}