Elep

import React from 'react';
import { NavLink } from 'react-router-dom';

const Sidenav = (props) => {
    return (
        <div className="side-nav">
            <div className="side-nav__content">
                <div className="side-nav__brand">
                    <div className="side-nav__logo">
                        <NavLink to="/" className="side-nav__home-link">
                            <img src="/images/logo.png" alt="Brand Logo" className="side-nav__logo logo" />
                            
                        </NavLink>
                        <button className="close-side" onClick={props.close}>close</button>
                    </div>
                </div>
                <nav className="side-nav__nav">
                    <ul className="side-nav__nav-list">
                        <li className="side-nav__nav-list-item">
                            <NavLink to="/test/start/1" className="side-nav__nav-link" onClick={props.close}>Question One</NavLink>
                        </li>
                        <li className="side-nav__nav-list-item">
                            <NavLink to="/test/start/2" className="side-nav__nav-link" onClick={props.close}>Question Two</NavLink>
                        </li>
                        <li className="side-nav__nav-list-item">
                            <NavLink to="/test/start/3" className="side-nav__nav-link" onClick={props.close}>Question Three</NavLink>
                        </li>
                        <li className="side-nav__nav-list-item">
                            <NavLink to="/test/start/4" className="side-nav__nav-link" onClick={props.close}>Question Four</NavLink>
                        </li>
                        <li className="side-nav__nav-list-item">
                            <NavLink to="/test/start/5" className="side-nav__nav-link" onClick={props.close}>Question Five</NavLink>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    )
}

export default Sidenav