initial commit

2025-08-05 12:35:40 +07:00
commit fffa2ead5c
1069 changed files with 118056 additions and 0 deletions
@@ -0,0 +1,69 @@
+// Third-party Imports
+import styled from '@emotion/styled'
+import classnames from 'classnames'
+
+// Type Imports
+import type { getDictionary } from '@/utils/getDictionary'
+
+// Component Imports
+import HorizontalMenu from './HorizontalMenu'
+
+// Config Imports
+import themeConfig from '@configs/themeConfig'
+
+// Hook Imports
+import { useSettings } from '@core/hooks/useSettings'
+import useHorizontalNav from '@menu/hooks/useHorizontalNav'
+
+// Util Imports
+import { horizontalLayoutClasses } from '@layouts/utils/layoutClasses'
+
+type StyledDivProps = {
+  isContentCompact: boolean
+  isBreakpointReached?: boolean
+}
+
+const StyledDiv = styled.div<StyledDivProps>`
+  ${({ isContentCompact, isBreakpointReached }) =>
+    !isBreakpointReached &&
+    `
+    padding: ${themeConfig.layoutPadding}px;
+
+    ${
+      isContentCompact &&
+      `
+      margin-inline: auto;
+      max-inline-size: ${themeConfig.compactContentWidth}px;
+    `
+    }
+  `}
+`
+
+const Navigation = ({ dictionary }: { dictionary: Awaited<ReturnType<typeof getDictionary>> }) => {
+  // Hooks
+  const { settings } = useSettings()
+  const { isBreakpointReached } = useHorizontalNav()
+
+  // Vars
+  const headerContentCompact = settings.navbarContentWidth === 'compact'
+
+  return (
+    <div
+      {...(!isBreakpointReached && {
+        className: classnames(horizontalLayoutClasses.navigation, 'relative flex border-bs')
+      })}
+    >
+      <StyledDiv
+        isContentCompact={headerContentCompact}
+        isBreakpointReached={isBreakpointReached}
+        {...(!isBreakpointReached && {
+          className: classnames(horizontalLayoutClasses.navigationContentWrapper, 'flex items-center is-full plb-2')
+        })}
+      >
+        <HorizontalMenu dictionary={dictionary} />
+      </StyledDiv>
+    </div>
+  )
+}
+
+export default Navigation