/**
 * React Starter Kit (https://www.reactstarterkit.com/)
 *
 * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

 /* eslint no-underscore-dangle: ["error", { "allow": ["_status", "_updated_at"] }]*/

import React from 'react';
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Maps.css';
import fulcrumVarHelpers from '../../utils/fulcrumVarHelpers';

class Maps extends React.Component {

  render() {
    return (
      <div className={s.root}>
        <h1>Field Operation Map</h1>
        <Tabs>
          <TabList>
            <Tab>Primary Field Operation Map</Tab>
            <Tab>Completed Cases Only</Tab>
          </TabList>

          <TabPanel>
            <iframe
              src={fulcrumVarHelpers.fulcrumMap}
              width="100%" height="600" scrolling="no" frameBorder="0" id="share-demo-iframe"
            />
          </TabPanel>
          <TabPanel />
        </Tabs>
      </div>
    );
  }
}

export default withStyles(s)(Maps);
