import Link from 'next/link';

import styles from '../styles/Sidebar.module.css';

export default function Sidebar() {
	return (
		<aside className={styles.sidebar}>
			<h1 className={styles.title}>Hex: Unlocked</h1>

			<nav>
				<Link href='/' className={styles.navLink}>
					Dashboard
				</Link>
				<Link href='/characters' className={styles.navLink}>
					Characters
				</Link>
				<Link href='/customizations' className={styles.navLink}>
					Customizations
				</Link>
				<Link href='/items' className={styles.navLink}>
					Items, offerings & addons
				</Link>
				<Link href='/perks' className={styles.navLink}>
					Perks
				</Link>
				<Link href='/dlcs' className={styles.navLink}>
					DLCs
				</Link>
			</nav>

			{/* <button className={styles.syncButton}>Synchronize</button> */}
		</aside>
	);
}