Concept ui

src/components/dashboard/DashboardLayout.tsx

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+import { DashboardSidebar } from "./DashboardSidebar";
+import { DashboardHeader } from "./DashboardHeader";
+
+interface DashboardLayoutProps {
+  children: ReactNode;
+  title: string;
+  subtitle?: string;
+}
+
+export function DashboardLayout({ children, title, subtitle }: DashboardLayoutProps) {
+  return (
+    <div className="flex h-screen w-full bg-background">
+      <DashboardSidebar />
+      <div className="flex-1 flex flex-col overflow-hidden">
+        <DashboardHeader title={title} subtitle={subtitle} />
+        <main className="flex-1 overflow-auto p-6">
+          {children}
+        </main>
+      </div>
+    </div>
+  );
+}