import { Stack, Typography, Box, IconButton } from "@mui/material"; import { Close } from "@mui/icons-material"; import { Landmark } from "lucide-react"; import { useMapData } from "./MapDataContext"; export function Widgets() { const { selectedSight, setSelectedSight } = useMapData(); return ( Станция {/* Виджет выбранной достопримечательности (заменяет виджет погоды) */} {selectedSight ? ( {/* Заголовок с кнопкой закрытия */} {selectedSight.name} setSelectedSight(undefined)} sx={{ color: "#fff", p: 0, minWidth: 20, width: 20, height: 20, "&:hover": { backgroundColor: "rgba(255, 255, 255, 0.1)" }, }} > {/* Описание достопримечательности */} {selectedSight.address && ( {selectedSight.address} )} {/* Город */} {selectedSight.city && ( Город: {selectedSight.city} )} ) : ( Выберите достопримечательность )} ); }