import { useState } from 'react';
import { useParams } from 'react-router-dom';
import { IconButton } from '@mui/material';
import ParkingZoneInfo from '../ParkingZoneInfo';
import ParkingZoneSessions from '../ParkingZoneSessions';
import GoogleMaps from '../../GoogleMaps';
import {
NamesWrapper,
ParkingAndZoneName,
DividerUnderNames,
NavigationIconsWrapper,
MainSection,
MapsIcon,
ComponentIcon,
} from './styles';
import { roles } from '../../../config/enums';
import { parkingZones } from '../ParkingZones/mockData';
const activeComponentEnum = {
MAPS: 'maps',
INFO: 'info',
};
const ParkingZone = () => {
const { zone_id } = useParams();
const [activeComponent, setActiveComponent] = useState(
activeComponentEnum.MAPS
);
const user = {
role: 'ROLE_ADMIN',
};
const zone = parkingZones.find((z) => z.id === parseInt(zone_id));
const Info =
user.role !== roles.admin ? ParkingZoneInfo : ParkingZoneSessions;
return (
<>
Паркинг - Дебар Маало
{zone?.zoneName}
setActiveComponent(activeComponentEnum.MAPS)}
>
setActiveComponent(activeComponentEnum.INFO)}
>
{activeComponent === activeComponentEnum.MAPS ? (
) : (
)}
>
);
};
export default ParkingZone;