import Cookies from "js-cookie";
import Link from "next/link";
import React from "react";
import {
  FaFacebookF,
  FaTwitter,
  FaPinterestP,
  FaLinkedinIn,
} from "react-icons/fa";

const ceremonyId = Cookies.get("ceremonyId");

const Menu = () => {
  return (
    <div className="flex flex-1 justify-center w-full gap-9 my-10">
        <Link href={`/ceremony`} className="border rounded-md px-10 py-5 border-blue-800 font-bold">
        Ceremony List
        </Link>
        {ceremonyId ? (
        <Link href={`/arrival/${Cookies.get('ceremonyId')}`} className="border rounded-md px-10 py-5 border-blue-800 font-bold">
            Arrival
        </Link>
        ):(<></>)}
        {ceremonyId ? (
        <Link href={`/collect/${Cookies.get('ceremonyId')}`} className="border rounded-md px-10 py-5 border-blue-800 font-bold">
            Collect
        </Link>
        ):(<></>)}
        <Link href={`/return`} className="border rounded-md px-10 py-5 border-blue-800 font-bold">
        Return
        </Link>
    </div>
  );
};

export default Menu;