import { Link } from 'react-router-dom';
import styles from '../../styles/NavBar.module.scss';

const NavBar = () => {
  return (
    <>
      <div className={styles.navBarContainer}>
        <nav className={styles.navBar}>
          <Link to='/' className={styles.navBarLink}>Etusivu</Link>
          <Link to='/program' className={styles.navBarLink}>Ohjelma</Link>
          <Link to='/performers' className={styles.navBarLink}>Esiintyjät</Link>
          {/* <Link to='/workshops' className={styles.navBarLink}>Työpajat</Link> */}
          <Link to='/info' className={styles.navBarLink}>Info</Link>
          <Link to='/safety' className={styles.navBarLink}>Turvallisuus</Link>
          <Link to='/archive' className={styles.navBarLink}>Arkisto</Link>
        </nav>
      </div>
    </>
  );
};

export default NavBar;
