src/components/Menu/Menu.jsx - main - Djed/Router

src/components/Menu/Menu.jsx

49 строк1 KB

DjedRa

init

20 янв 2026, 11:07

20 янв 2026, 11:072c21d69

import { NavLink } from "react-router-dom";
import styles from "./Menu.module.css";

export default function Menu() {
  return (
    <nav className={styles.menu}>
      <NavLink
        to="/"
        className={({ isActive }) =>
          isActive
            ? `${styles.menu__item} ${styles.menu__item_active}`
            : styles.menu__item
        }
      >
        Главная
      </NavLink>
      <NavLink
        to="/drift"
        className={({ isActive }) =>
          isActive
            ? `${styles.menu__item} ${styles.menu__item_active}`
            : styles.menu__item
        }
      >
        Дрифт-такси
      </NavLink>
      <NavLink
        to="/timeattack"
        className={({ isActive }) =>
          isActive
            ? `${styles.menu__item} ${styles.menu__item_active}`
            : styles.menu__item
        }
      >
        Time Attack
      </NavLink>
      <NavLink
        to="/forza"
        className={({ isActive }) =>
          isActive
            ? `${styles.menu__item} ${styles.menu__item_active}`
            : styles.menu__item
        }
      >
        Forza Karting
      </NavLink>
    </nav>
  );
}