//React
import * as React from 'react';
import * as ReactDOM from 'react-dom';
//Application
import { WjInput } from './components/WjInput';
import { WjFlexGrid } from './components/WjFlexGrid';
import { WjOlap } from './components/WjOlap';
import { WjFlexChart } from './components/WjFlexChart';
import { WjGauge } from './components/WjGauge';
import { WjNav } from './components/WjNav';
import { WjMultiRow } from './components/WjMultiRow';
import { WjViewer } from './components/WjViewer';
import { WjFlexSheet } from './components/WjFlexSheet';
import { WjFinancialChart } from './components/WjFinancialChart';
import { WjHierarchicalChart } from './components/WjHierarchicalChart';
import { WjRadarChart } from './components/WjRadarChart';

class App extends React.Component<any, any> {

    constructor(props) {
        super(props);
    } 
    render() {
        return <div >
            <h1>Using Wijmo all components for React external modules</h1>
            <p>
                This sample uses external module versions of the Wijmo for React interop.
            </p>
            <div className="content">
                <WjInput />
                <WjFlexGrid />
                <WjOlap />
                <WjMultiRow />
                <WjFlexChart />
                <WjFinancialChart />
                <WjHierarchicalChart />
                <WjRadarChart />
                <WjGauge />
                <WjNav />
                <WjViewer />
                <WjFlexSheet/>
            </div>
        </div>;
    }
}

ReactDOM.render(React.createElement(App), document.getElementById('app'));