import Link from "next/link";
import Layout from "../../components/Layout.js";
import styles from "../../styles/Home.module.scss";
import { AiOutlineArrowRight } from "react-icons/ai";


export default function RoomHome() {
  return (
    <Layout page={"Salles"}>
      <h1 className={styles.title}>Salles</h1>
      <div className={styles["btn-container"]}>
        <Link href="/room/join">
          <a className={styles.btn + " exo-btn"}>
            Rejoindre <AiOutlineArrowRight className={styles.icon} />
          </a>
        </Link>
        <Link href="/room/create" className={styles.link}>
          <a className={styles.btn + " exo-btn"}>
            Creer <AiOutlineArrowRight className={styles.icon} />
          </a>
        </Link>
      </div>
    </Layout>
  );
}