import React from 'react';
import ReactDom from 'react-dom';
import { Demo } from '../../../external/demo/index';
import Doc from './doc.md';
import TableDemo from './TableDemo';
import CollapseTableDemo from './CollapseTableDemo';
import TableSortDemo from './TableSortDemo';
import AutoTableDemo from './AutoTableDemo';
import AutoCollapseTableDemo from './AutoCollapseTableDemo';

export default class App extends React.PureComponent {

  render() {
    return (
      <Demo name="Table" doc={<Doc />}>
        <TableDemo />
        <CollapseTableDemo />
        <TableSortDemo />
        <AutoTableDemo />
        <AutoCollapseTableDemo />
      </Demo>
    );
  }
}

const demo = document.getElementById('demo');
if (demo) {
  ReactDom.render(<App />, demo);
}