import React from 'react';
import ReactDOM from 'react-dom';
import { AppRouter, AppRoute } from '@ice/stark';

class Layout extends React.Component {
  onRouteChange = (pathname, query) => {
    console.log(pathname, query);
  }

  render() {
    return (
      <div>
        <div>this is common header</div>
        <AppRouter
          onRouteChange={this.onRouteChange}
          useShadow
        >
          <AppRoute
            path={['/', '/home', '/about']}
            exact
            title="主页"
            url={[
              '//g.alicdn.com/icestark-demo/child/0.1.2/js/index.js',
              '//g.alicdn.com/icestark-demo/child/0.1.2/css/index.css'
            ]}
          />
          <AppRoute
            path="/user"
            title="用户页面"
            url={[
              '//g.alicdn.com/icestark-demo/child2/0.1.2/js/index.js',
              '//g.alicdn.com/icestark-demo/child2/0.1.2/css/index.css'
            ]}
          />
        </AppRouter>
        <div>this is common footer</div>
      </div>
    );
  }
}