1 files changed, 26 insertions, 0 deletions
diff --git a/src/app/layout.client.tsx b/src/app/layout.client.tsx
new file mode 100644
index 0000000..35726ba
--- /dev/null
+++ b/src/app/layout.client.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import { cn } from '@/lib/utils';
+import { useParams } from 'next/navigation';
+import type { ReactNode } from 'react';
+
+export function Body({
+  children,
+}: {
+  children: ReactNode;
+}): React.ReactElement {
+  const mode = useMode();
+
+  return (
+    <body
+      className={cn(mode, 'relative flex min-h-svh flex-col overflow-x-hidden')}
+    >
+      {children}
+    </body>
+  );
+}
+
+export function useMode(): string | undefined {
+  const { slug } = useParams();
+  return Array.isArray(slug) && slug.length > 0 ? slug[0] : undefined;
+}