import { LogOut } from "react-feather"
import Link from "next/link"

import styles from "./sidebar.module.css"

export default function Sidebar() {
  return (
    <aside className={styles.sidebar}>
      <nav className={styles.nav}>
        <Link className={`${styles.link} ${styles.active}`} href="#">
          My Pages
        </Link>
        <Link className={styles.link} href="#">
          My Stays
        </Link>
        <Link className={styles.link} href="#">
          My Points
        </Link>
        <Link className={styles.link} href="#">
          My Benefits
        </Link>
        <Link className={styles.link} href="#">
          About Scandic Friends
        </Link>
        <Link className={styles.link} href="#">
          My Profile
        </Link>
        <Link className={styles.link} href="/api/auth/signout">
          Log out <LogOut height={16} width={16} />
        </Link>
      </nav>
    </aside>
  )
}