import { Tabs } from 'antd';
import 'antd/dist/antd.css';
import React from 'react';
import ReactDOM from 'react-dom';
import '../packages/react/src/index.less';
import Activity from './activity';
import Activity2 from './activity2';
import Antd from './antd';
import Component from './component';
import Field from './field';
import JSX from './jsx';
import Listener from './listener';
import Options from './options';
import Status from './status';
import Validate from './validate';
const { TabPane } = Tabs;

ReactDOM.render(
    <Tabs defaultActiveKey="field" style={{ margin: '0 20px' }}>
        <TabPane tab="Antd" key="antd">
            <Antd />
        </TabPane>
        <TabPane tab="Field" key="field">
            <Field />
        </TabPane>
        <TabPane tab="Options" key="options">
            <Options />
        </TabPane>
        <TabPane tab="Status" key="status">
            <Status />
        </TabPane>
        <TabPane tab="Validate" key="validate">
            <Validate />
        </TabPane>
        <TabPane tab="Component" key="component">
            <Component />
        </TabPane>
        <TabPane tab="Listener" key="listener">
            <Listener />
        </TabPane>
        <TabPane tab="JSX" key="jsx">
            <JSX />
        </TabPane>
        <TabPane tab="活动Demo" key="activity">
            <Activity />
        </TabPane>
        <TabPane tab="活动Demo2" key="activity2">
            <Activity2 />
        </TabPane>
    </Tabs>,
    document.getElementById('app')
);