import React from "react";
import Box from "@mui/material/Box";
import { Link } from "react-router-dom";

const Logo = () => {
  return (
    <Box
      component={Link}
      to="/"
      aria-label="Zur Startseite"
      sx={{
        display: "flex",
        alignItems: "center",
        textDecoration: "none",
        color: "inherit",
      }}
    >
      <img
        src="/assets/images/sh.avif"
        alt="SH Logo"
        width="108px"
        height="45px"
        style={{ width: "108px", height: "45px" }}
      />
    </Box>
  );
};

export default Logo;
