import type React from "react"
import { cn } from "@/lib/utils"
import { Sidebar } from "@/components/sidebar"

interface DashboardShellProps extends React.HTMLAttributes<HTMLDivElement> {}

export function DashboardShell({ children, className, ...props }: DashboardShellProps) {
  return (
    <div className="grid min-h-screen w-full md:grid-cols-[280px_1fr] bg-gradient-to-br from-gray-50 to-white">
      <Sidebar />
      <main className={cn("flex flex-col relative overflow-hidden", className)} {...props}>
        <div className="flex-1 space-y-6 p-8 pt-6">{children}</div>
      </main>
    </div>
  )
}