import React from 'react'
import Image from 'next/image';

export default function Layout({
    children,
}: Readonly<{
    children: React.ReactNode;
}>) {
    return (
        <div className='h-svh w-full grid grid-cols-1 md:grid-cols-2'>
            <div className='h-full bg-[#f5deba] hidden md:flex items-center justify-center'>
                <div className=''>
                    <Image src={'/restaurant/delivery-food.png'} alt='food' width={500} height={500} />
                    <p className='text-lg md:text-xl text-center font-bold text-gray-600'>Bilan - Commande - Inventaire</p>
                </div>
            </div>
            <div className='h-svh overflow-y-auto'>{children}</div>
        </div>
    )
}