cspj-application/client/src/components/Generic/HeaderLogo.tsx
2025-01-13 20:08:15 +08:00

34 lines
590 B
TypeScript

import { Box, Typography } from "@mui/material";
import Image from "next/image";
import { FC } from "react";
interface HeaderLogoProps {
sx?: any;
}
export const HeaderLogo: FC<HeaderLogoProps> = ({ sx }) => {
return (
<Box
alignItems="center"
display="flex"
sx={sx}
>
<Image
alt="Logo"
height={40}
priority
src="images/logo.gif"
width={40}
/>
<Typography
sx={{
ml: 1.5,
}}
variant="h6"
>
<b>CSPJ Application</b>
</Typography>
</Box>
);
};