import React from 'react';
import QueueAnim from 'rc-queue-anim';
import Datatable from './Datatable';
import FlatButton from 'material-ui/FlatButton';
import BottomNavigationExampleSimple from '../../../../ui/routes/components/components/BottomNavigation';
import IconButton from 'material-ui/IconButton';
import ToolbarSection from '../../../../ui/routes/components/components/Toolbar3.js';
import FloatingActionButton from 'material-ui/FloatingActionButton';
import ContentAdd from 'material-ui/svg-icons/content/add';

const FloatingActionButtonExampleSimple = () => (
  <div>
    <FloatingActionButton style={{ float: 'right' }} secondary={true} href="/#/app/form/steppers/">
      <ContentAdd />
    </FloatingActionButton>
  </div>
)
const Page = () => (
  <section className="container-fluid with-maxwidth  padding-sm-v">
    <h2 className="article-title" style={{ paddingTop: 15 }}> Manage Rides </h2>
    <QueueAnim type="bottom" className="ui-animate">
      <div key="0">
        <FloatingActionButtonExampleSimple />
      </div>

      <div key="1">
        <Datatable />
      </div>
    </QueueAnim>
  </section>
);
module.exports = Page;
