/**
 * Layout wrapper principale con Sidebar a sinistra e area contenuto a destra.
 * Tutti i child sono renderizzati nell'area contenuto scrollabile.
 */

import type { ReactNode } from 'react'
import { Sidebar } from './Sidebar'

interface LayoutProps {
  children: ReactNode
}

export function Layout({ children }: LayoutProps) {
  return (
    <div className="flex min-h-screen bg-stone-900 text-stone-100">
      <Sidebar />
      <main className="flex-1 overflow-y-auto">
        {children}
      </main>
    </div>
  )
}