import React from 'react';

function NavBarChannelOptionsDropdown ({ channelName, handleSelection, VIEW, LOGOUT }) {
  return (
    <select type="text" id="nav-bar-channel-select" className="select select--arrow link--nav" onChange={handleSelection}>
      <option id="nav-bar-channel-select-channel-option">{channelName}</option>
      <option value={VIEW}>View</option>
      <option value={LOGOUT}>Logout</option>
    </select>
  );
};

export default NavBarChannelOptionsDropdown;
