29 lines
703 B
TypeScript
29 lines
703 B
TypeScript
"use client";
|
|
|
|
import { useState, useEffect } from "react";
|
|
import { useTheme } from "next-themes";
|
|
import Sidebar from "./sidebar";
|
|
|
|
interface LayoutProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default function Layout({ children }: LayoutProps) {
|
|
const { theme } = useTheme();
|
|
const [mounted, setMounted] = useState(false);
|
|
|
|
useEffect(() => setMounted(true), []);
|
|
|
|
if (!mounted) return null;
|
|
|
|
return (
|
|
<div className={`flex h-screen ${theme === "dark" ? "dark" : ""}`}>
|
|
<Sidebar />
|
|
<div className="w-full flex flex-1 flex-col">
|
|
<main className="flex-1 overflow-auto p-6 bg-white dark:bg-[#0F0F12]">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |