import { AppBar, Toolbar, Container, Typography, Skeleton, } from '@mui/material'; import { useContext } from 'react'; import { Link } from 'react-router-dom'; import '../css/Header.css'; import { Context } from '../data/Context'; /** * Creates a Header Component that displays the reservation steps * @return {JSX.Element} */ export default function Header() { const { title, containerMaxWidth } = useContext(Context); const logoContainerStyle = { textDecoration: 'none', color: 'inherit', margin: '0 0 0 0', width: 'fit-content', padding: '0 0 0 0 !important', }; return ( {title} {title === '' && } ); }