'use strict';
import React,{Component} from "react";
import ReactDOM from "react-dom";
import Header from "../common/header.jsx";

class IndexExample extends Component{
    constructor(props){
        super(props);
    }
    render(){
        return (
            <div className="index-example">
                <Header title="Ya-UI"/>
                <table className="md-data-table">
                    <thead>
                    <tr>
                        <th>Component</th>
                        <th>Example</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>Selected</td>
                        <td><a href="./selected/selected.html">example</a></td>
                    </tr>
                    <tr>
                        <td>Popup</td>
                        <td><a href="./popup/popup.html">example</a></td>
                    </tr>
                    <tr>
                        <td>NumberPicker</td>
                        <td><a href="./numberpicker/numberpicker.html">example</a></td>
                    </tr>
                    <tr>
                        <td>DatetimePicker</td>
                        <td><a href="./datetimepicker/datetimepicker.html">example</a></td>
                    </tr>
                    <tr>
                        <td>Form</td>
                        <td><a href="./form/form.html">example</a></td>
                    </tr>
                    <tr>
                        <td>Slider</td>
                        <td><a href="./slider/slider.html">example</a></td>
                    </tr>
                    <tr>
                        <td>Sticky</td>
                        <td><a href="./sticky/sticky.html">example</a></td>
                    </tr>
                    <tr>
                        <td>ScrollNav</td>
                        <td><a href="./scrollnav/scrollnav.html">example</a></td>
                    </tr>
                    <tr>
                        <td>Accordion</td>
                        <td><a href="./accordion/accordion.html">example</a></td>
                    </tr>
                    <tr>
                        <td>Tabs</td>
                        <td><a href="./tabs/tabs.html">example</a></td>
                    </tr>
                    <tr>
                        <td>More</td>
                        <td><a href="./more/more.html">example</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        )
    }
}

document.addEventListener('DOMContentLoaded',()=>{
    require("../lib/responder");
    ReactDOM.render(<IndexExample />,document.getElementById('example'));
})