import { Box, Typography, useTheme } from "@mui/material"; import { Link, useLocation } from "react-router-dom"; export default function Menu() { const theme = useTheme(); const location = useLocation(); const color = location.pathname === "/" ? "white" : "black"; const arrayMenu = [ { name: "Тарифы", url: "/tariffs" }, { name: "Тарифы на время", url: "/tariffs/time" }, { name: "Тарифы на объём", url: "/tariffs/volume" }, { name: "Вопросы и ответы", url: "/faq" }, { name: "Кастомный тариф", url: "/tariffconstructor" }, { name: "Корзина", url: "/basket" }, ]; return ( {arrayMenu.map(({ name, url }, index) => ( {name} ))} ); }