30 lines
796 B
TypeScript
30 lines
796 B
TypeScript
import { Link as RouterLink } from 'react-router-dom';
|
|
// @mui
|
|
import { useTheme } from '@mui/material/styles';
|
|
import { Box, BoxProps } from '@mui/material';
|
|
|
|
// ----------------------------------------------------------------------
|
|
|
|
interface Props extends BoxProps {
|
|
disabledLink?: boolean;
|
|
}
|
|
|
|
export default function Logo({ disabledLink = false, sx }: Props) {
|
|
const theme = useTheme();
|
|
const PRIMARY_LIGHT = theme.palette.primary.light;
|
|
const PRIMARY_MAIN = theme.palette.primary.main;
|
|
const PRIMARY_DARK = theme.palette.primary.dark;
|
|
|
|
const logo = (
|
|
<Box sx={{ width: 40, height: 40, ...sx }}>
|
|
<img src="/logo/logo-linksehat.png" alt="LinkSehat" />
|
|
</Box>
|
|
);
|
|
|
|
if (disabledLink) {
|
|
return <>{logo}</>;
|
|
}
|
|
|
|
return <RouterLink to="/">{logo}</RouterLink>;
|
|
}
|