import * as React from 'react'
import * as typings from './tools.type'
import {observer, inject} from 'mobx-react'

import {Tabs, TabPanel} from '../../../../../../tabs/src'

import Components from './components/components.component'
import History from './history/history.component'
import Source from './source/source.component'

import './tools.scss'

@observer
export default class Tools extends React.Component <typings.PropsDefine, typings.StateDefine> {
    static defaultProps: typings.PropsDefine = new typings.Props()
    public state: typings.StateDefine = new typings.State()

    render() {
        return (
            <Tabs defaultActiveKey="components"
                  type="retro"
                  className="_namespace">
                <TabPanel tab="组件"
                          activeKey="components"
                          className="tab-panel">
                    <Components/>
                </TabPanel>
                <TabPanel tab="历史"
                          activeKey="history"
                          className="tab-panel">
                    <History/>
                </TabPanel>
                <TabPanel tab="资源"
                          activeKey="resource"
                          className="tab-panel">
                    <Source/>
                </TabPanel>
            </Tabs>
        )
    }
}