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 ">Главная</a>
      </Link>
      <Link as={`/posts/regulations`} href={`/posts/[slug]`}>
        <a className="text-gray-900 dark:text-white ">Правила</a>
      </Link>
      <Link as={`/posts/festival-schedule`} href={`/posts/[slug]`}>
        <a className="text-gray-900 dark:text-white pr-6">Расписание</a>
      </Link>
      <Link href={`/registration`}>
        <a className="text-gray-900 dark:text-white pr-6">Регистрация</a>
      </Link>
      <Link as={`/posts/task-completion-examples`} href={`/posts/[slug]`}>
        <a className="text-gray-900 dark:text-white pr-6">Примеры выполнения задания</a>
      </Link>
      <Link href="/about">
        <a className="text-gray-900 dark:text-white py-4">О нас</a>
      </Link>
    </nav>
  );
};

export default Navigation;