import { PropsWithChildren, Suspense } from 'react';
import App from '../../App';

const BlankLayout = ({ children }: PropsWithChildren) => {
    return (
        <App>
            <Suspense
                fallback={
                    <div className="flex items-center justify-center min-h-screen">
                        <div className="w-8 h-8 rounded-full border-3 border-slate-200 border-t-[#8B3E1F] animate-spin" />
                    </div>
                }
            >
                <div className="text-black dark:text-surface-dark min-h-screen">{children} </div>
            </Suspense>
        </App>
    );
};

export default BlankLayout;