demo-app.jsx

import * as ReactDOM from 'react-dom';
import * as React from 'react';
import { Toolbar } from '../src/toolbar';

const toolbarData = require('../src/toolbar/data/toolbar.json');
const viewData = require('../src/toolbar/data/toolbar-view.json');
const toolbarBigData = require('../src/toolbar/data/toolbar-big.json');

const wrapperComponent = () => (
  <React.Fragment>
    <div className="toolbar-pf row">
      <Toolbar
        count={1}
        groups={toolbarData}
        views={viewData}
      />
    </div>
    <div className="toolbar-pf row">
      <Toolbar
        count={1}
        groups={toolbarBigData}
        views={viewData}
      />
    </div>
    <div className="toolbar-pf row">
      <Toolbar
        count={1}
        kebabLimit={2}
        groups={toolbarBigData}
        views={viewData}
      />
    </div>
    <div className="toolbar-pf row">
      <Toolbar
        count={1}
        kebabLimit={1}
        groups={toolbarBigData}
        views={viewData}
      />
    </div>
    <div className="toolbar-pf row">
      <Toolbar
        count={1}
        kebabLimit={0}
        groups={toolbarBigData}
        views={viewData}
      />
    </div>
    <div className="toolbar-pf row">
      <Toolbar
        count={1}
        kebabLimit={-1}
        groups={toolbarBigData}
        views={viewData}
      />
    </div>
  </React.Fragment>
);

export default function renderApp() {
  ReactDOM.render(
    wrapperComponent(),
    document.getElementById('demo-app'),
  );
}