import { cn } from '@/shared/lib/utils'
import { title } from 'process'
import React from 'react'

export default function DashboardPage({ children, header, title, fullscreen }: { children: React.ReactNode, header: React.ReactNode, title?: string, fullscreen?: boolean }) {
    return (
        <div className='page'>
            <header>
                {header}
            </header>
            <main className={cn('p-4 lg:p-8 w-full h-full', fullscreen && 'h-screen p-0 lg:p-0')}>
                {
                    title &&
                    <h2 className='text-lg lg:text-2xl font-bold mb-4'>  {title}</h2>
                }
                {children}
            </main>
        </div>
    )
}