text: import React from 'react';
  import PropTypes from 'prop-types';
  import { connect } from 'react-redux';
  import Lanes from '../Lane/Lanes';
  import { createLaneRequest, fetchLanes } from '../Lane/LaneActions';
  // import styles from '../Lane/Lane.css';
  
  // Import Style
  // import styles from './Kanban.css';
  
  const Kanban = (props) => (
    <div>
      <button
        onClick={() => props.createLane({
          name: 'New Lane',
        })}
      >Add Lane</button>
      <Lanes lanes={props.lanes} />
    </div>
  );
  
  Kanban.need = [() => { return fetchLanes(); }];
  
  Kanban.propTypes = {
    lanes: PropTypes.array,
    createLane: PropTypes.func,
  };
  
  const mapStateToProps = state => ({
    lanes: Object.values(state.lanes),
  });
  
  const mapDispatchToProps = {
    createLane: createLaneRequest,
  };
  
  export default connect(mapStateToProps, mapDispatchToProps)(Kanban);
  