hospital portal

frontend/hospital-portal/src/components/Logo.tsx

@@ -0,0 +1,29 @@
+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>;
+}