First Commit

vendor/saasable-ui-main/uikit/react/src/components/logo/index.jsx

@@ -0,0 +1,35 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @next
+import NextLink from 'next/link';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import ButtonBase from '@mui/material/ButtonBase';
+
+// @project
+import { generateFocusVisibleStyles } from '@/utils/CommonFocusStyle';
+import LogoMain from './LogoMain';
+import LogoIcon from './LogoIcon';
+
+/***************************  MAIN - LOGO  ***************************/
+
+export default function LogoSection({ isIcon, sx, to }) {
+  const theme = useTheme();
+  const palette = theme?.vars ? theme.vars.palette : theme.palette;
+
+  return (
+    <NextLink href={!to ? process.env.NEXT_PUBLIC_BASE_NAME || '/' : to} passHref>
+      <ButtonBase
+        disableRipple
+        sx={{ ...sx, display: 'block', '&:focus-visible': generateFocusVisibleStyles(palette.primary.main) }}
+        aria-label="logo"
+      >
+        {isIcon ? <LogoIcon /> : <LogoMain />}
+      </ButtonBase>
+    </NextLink>
+  );
+}
+
+LogoSection.propTypes = { isIcon: PropTypes.bool, sx: PropTypes.any, to: PropTypes.string };