import React, { Component } from 'react';
import { withRouter } from 'react-router';

import { ClASS_NAMESPACE } from '$src/common/const';

class LayoutMicro extends Component {
  UNSAFE_componentWillMount = () => {
    document.body.classList.add(ClASS_NAMESPACE);
  };
  componentWillUnmount = () => {
    document.body.classList.remove(ClASS_NAMESPACE);
  };

  render() {
    return (
      <>
        {/* 主视图区 */}
        <div id="toffee_root" />
        {this.props.children}
      </>
    );
  }
}

export default withRouter(LayoutMicro);