Initial commitHEADmain

Created from https://vercel.com/new

1 files changed, 26 insertions, 0 deletions

diff --git a/src/app/(main)/TopNav.tsx b/src/app/(main)/TopNav.tsx
new file mode 100644
index 0000000..d410097
--- /dev/null
+++ b/src/app/(main)/TopNav.tsx
@@ -0,0 +1,26 @@
+import { Row, ThemeButton } from '@umami/react-zen';
+import { LanguageButton } from '@/components/input/LanguageButton';
+import { ProfileButton } from '@/components/input/ProfileButton';
+
+export function TopNav() {
+  return (
+    <Row
+      position="absolute"
+      top="0"
+      alignItems="center"
+      justifyContent="flex-end"
+      paddingY="2"
+      paddingX="3"
+      paddingRight="5"
+      width="100%"
+      style={{ position: 'sticky', top: 0 }}
+      zIndex={1}
+    >
+      <Row alignItems="center" justifyContent="flex-end" backgroundColor="2" borderRadius>
+        <ThemeButton />
+        <LanguageButton />
+        <ProfileButton />
+      </Row>
+    </Row>
+  );
+}