import React, { Component } from 'react';
import { LocaleProvider } from 'antd';
import zhCN from 'antd/lib/locale-provider/zh_CN';
import './app.less';
import Header from './components/Header';
import Login from './components/Login';
import './components/OtherModal';
import './components/Other';
import './components/VipRenew';
import './components/UserAction';
import './components/UserTable';
import './components/UserPagination';
import { PayModal } from './components/PayModal';

export default class extends Component {
  constructor(props) {
    super(props);
    const state = { routes: [] };
    this.state = state;
  }

  render() {
    const { children, project, config } = this.props;
    return (
      <LocaleProvider locale={zhCN}>
        {config.hideHeader ? (
          <div id="full-page">
            {children}
            <Login {...this.props} />
            <PayModal {...this.props} />
          </div>
        ) : (<div className={`${config.tab || ''}`} id="page">
          <Header tabs={project.tabs} active={config.tab} {...this.props} />
          {children}
          <Login {...this.props} />
          <PayModal {...this.props} />
        </div>
        )}
      </LocaleProvider>
    );
  }
}