'use client';
import '@/styles.css';
import { Header } from './Header';
import { LayoutProps } from '@/types/common';

export function Layout({ className, children }: LayoutProps) {
  return (
    <div className='flex flex-col min-h-screen bg-neutral-200'>
      <Header />
      <main className='flex flex-col flex-1 w-full p-3 sm:p-4 md:p-6 mt-20'>
        <div className={`flex flex-col flex-1 max-w-[1366px] align-center justify-center w-full mx-auto ${className}`}>
          {children}
        </div>
      </main>
    </div>
  );
}
