dropdown-selector.jsx

// src/components/dropdown-selector/dropdown-selector.jsx

import React from 'react';

import './dropdown-selector.styles.scss';

const DropdownSelector = ({ spaceOptions, selectedSpace, changeSelectedSpace }) => (
  <div>
    <p className='instructions'>Pick your 3box Space</p>
    <select className='drop-down' defaultValue={selectedSpace} onChange={event => changeSelectedSpace(event)}>
      {spaceOptions.map((option) => {
        return ( 
        <option key={option} value={option}>{option}</option>
        )
      })} 
    </select>
  </div>
);

export default DropdownSelector;