import Head from "next/head";
import Image from "next/image";
import styles from "../styles/Home.module.scss";
import Layout from "../components/Layout.js";
import axios from "axios";
import { BASE_URL } from "../utils/constant.js";
import { notificationService } from "../services/notification.service.js";
import { exoInstance } from "../apis/exoInstance.instance.js";
import { parseClassName } from "../utils/utils.js";
import Link from "next/link";
import { AiOutlineArrowRight } from 'react-icons/ai';

export default function Home() {
  return (
    <Layout page="Générateur">
      <div className={styles.main}>
        <h1 className={styles.title}>Générateur</h1>
        <div className={styles["btn-container"]}>
          <Link href="/exercices">
            <a className={parseClassName(["exo-btn", styles.btn])}>
              Générer CSV <AiOutlineArrowRight className={styles.icon} />
            </a>
          </Link>
          <Link href="/fiches">
            <a className={parseClassName(["exo-btn", styles.btn])}>
              Générer PDF <AiOutlineArrowRight className={styles.icon} />
            </a>
          </Link>
        </div>
      </div>
    </Layout>
  );
}