var React                   = require('react');
var TabView                 = React.createFactory(require('./components/TabView'));
var Menu                    = React.createFactory(require('./components/Menu'));
var FeatureTogglesComponent = React.createFactory(require('./components/feature/FeatureTogglesComponent'));
var StrategiesComponent     = React.createFactory(require('./components/strategy/StrategiesComponent'));

var tabPanes = [
    {
        name: "Feature Toggles",
        content: new FeatureTogglesComponent({pollInterval: 5000})
    },
    {
        name: "Strategies",
        content: new StrategiesComponent({})
    }
];

React.render(
    <div>
        <Menu />
        <div className="container">
            <div className="page">
                <TabView tabPanes={tabPanes} />
            </div>
        </div>
    </div>
    ,
    document.getElementById('content')
);