import React from 'react';

import './NavMenu.css';

export default function NavMenu({ currentPage, setCurrentPage }) {
  const chooseClasses = ['entry', 'choose'];
  const browseClasses = ['entry', 'browse'];

  if (currentPage === 'choose') {
    chooseClasses.push('selected');
  } else {
    browseClasses.push('selected');
  }

  return (
    <nav className="NavMenu">
      <span
        onClick={() => setCurrentPage('choose')}
        className={chooseClasses.join(' ')}
      >
        Choose the most common stereotype
      </span>{' '}
      {/* or{' '}
      <span
        onClick={() => setCurrentPage('browse')}
        className={browseClasses.join(' ')}
      >
        browse stereotypes
  </span>*/}
    </nav>
  );
}

import React from 'react';

import './NavMenu.css';

export default function NavMenu({ currentPage, setCurrentPage }) {
  const chooseClasses = ['entry', 'choose'];
  const browseClasses = ['entry', 'browse'];

  if (currentPage === 'choose') {
    chooseClasses.push('selected');
  } else {
    browseClasses.push('selected');
  }

  return (
    <nav className="NavMenu">
      <span
        onClick={() => setCurrentPage('choose')}
        className={chooseClasses.join(' ')}
      >
        Choose the most common stereotype
      </span>{' '}
      or{' '}
      <span
        onClick={() => setCurrentPage('browse')}
        className={browseClasses.join(' ')}
      >
        browse stereotypes
      </span>
    </nav>
  );
}

Revert "Hide browse menu entry"
Revert "Hide browse menu entry"

This reverts commit 864f5a136c74b98ab1943e125bbb78c79c763f86.
