import React from 'react';
import ReactDOM from 'react-dom';
import { Icon, Tabs } from 'antd';
import '../../css/base.less';
import '../../css/sign.less';

import LoginTop from '../component/login/loginTop.jsx';
import Account from '../component/sign/account.jsx';
import GroupAccount from '../component/sign/groupAccount.jsx';
import LoginFooter from '../component/login/loginFooter.jsx';

const TabPane = Tabs.TabPane;

ReactDOM.render(
    <div className="wrap">
        <LoginTop />
        <Tabs type="card" defaultActiveKey="1" className="signIn-form">
            <TabPane tab="个人注册" key="1">
                <Account />
            </TabPane>
            <TabPane tab="单位注册" key="2" className="tabtwo">
                <GroupAccount />
            </TabPane>
        </Tabs>
        <LoginFooter />
    </div>,
    document.getElementById('root')
)