import * as React from 'react';

interface UserLayoutProps {
    children: React.ReactNode;
}

export default function UserLayout({ children }: UserLayoutProps) {
    return (
        <div className="min-h-[100dvh] bg-[#330107] bg-[url('/chowman_bg.avif')] bg-[length:100%_100%] bg-fixed bg-center pb-[var(--safe-bottom)] [--safe-bottom:max(env(safe-area-inset-bottom),16px)] [&_main]:min-h-[calc(100dvh-var(--safe-bottom))]">
            {children}
        </div>
    );
}