'use client'

import { cn } from '@/lib/utils'
import { Sidebar } from './Sidebar'
import { Header } from './Header'
import { ReactNode } from 'react'

interface DashboardShellProps {
  children: ReactNode
}

export function DashboardShell({ children }: DashboardShellProps) {
  return (
    <div className="min-h-screen bg-gray-50 dark:bg-gray-950">
      <Sidebar />
      <div className={cn('transition-all duration-200', 'lg:ml-64')}>
        <Header />
        <main className="p-4 lg:p-6" id="main-content" role="main">
          {children}
        </main>
      </div>
    </div>
  )
}