Created the Logo.jsx component

This commit is contained in:
Mathias Wagner 2023-07-30 19:05:42 +02:00
parent 3541638baf
commit da70ac4045
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -0,0 +1,15 @@
import {Stack, Typography, useTheme} from "@mui/material";
import DarkLogo from "@/common/assets/images/logo/small-dark.webp";
import LightLogo from "@/common/assets/images/logo/small-light.webp";
export const Logo = () => {
const theme = useTheme();
const logo = theme.palette.mode === "dark" ? DarkLogo : LightLogo;
return (
<Stack direction="row" alignItems="center" gap={2}>
<img src={logo} alt="Logo" style={{width: "3rem"}}/>
<Typography variant="h4"><span style={{fontWeight: "bold"}}>License</span>API</Typography>
</Stack>
)
}