import type { ReactNode } from 'react'

type PageLayoutProps = {
    children: ReactNode
    contentClassName?: string
}

function PageLayout({ children, contentClassName = 'w-[90%] lg:w-[60%] h-full mx-auto flex flex-col' }: PageLayoutProps) {
    return (
        <main className="text-white h-screen w-screen overflow-x-hidden bg-[url('/home-figma-frame.png')] bg-cover bg-center bg-no-repeat">
            <div className={contentClassName}>{children}</div>
        </main>
    )
}

export default PageLayout
