import { View } from "@aws-amplify/ui-react";
import Link from "next/link";
import styles from "../LearnNavBar.module.scss";

export function LearnNavBarMobile() {
  return (
    <>
      <View className={styles["mobile-nav-menu-items"]}>
        <Link href="/">
          <a className={styles["navbar-menu-item"]}>Home</a>
        </Link>
      </View>
      <View className={styles["mobile-nav-menu-items"]}>
        <Link href="/courses">
          <a className={styles["navbar-menu-item"]}>Courses</a>
        </Link>
      </View>
      <View className={styles["mobile-nav-menu-items"]}>
        <Link href="/about">
          <a className={styles["navbar-menu-item"]}>About</a>
        </Link>
      </View>
    </>
  );
}