import Link from 'next/link';
import React from 'react';

const Navigation = (): JSX.Element => {
  return (
    <nav>
      <h1 className="font-medium text-xl">RoboTop - роботехнический фестиваль</h1>
      <Link href="/">
        <a className="text-gray-900 dark:text-white pr-6 py-4">Главная</a>
      </Link>
      <Link as={`/posts/regulations`} href={`/posts/[slug]`}>
        <a className="text-gray-900 dark:text-white pr-6 py-4">Правила</a>
      </Link>
      <Link as={`/posts/festival-schedule`} href={`/posts/[slug]`}>
        <a className="text-gray-900 dark:text-white pr-6 py-4">Расписание</a>
      </Link>
      <Link as={`/posts/festival-schedule`} href={`/posts/[slug]`}>
        <a className="text-gray-900 dark:text-white pr-6 py-4">Регистрация</a>
      </Link>
      <Link href="/about">
        <a className="text-gray-900 dark:text-white px-6 py-4">О нас</a>
      </Link>
    </nav>
  );
};

export default Navigation;
