import { ensureSyntoThemeScripts } from '@admin/lib/load-synto-theme-scripts';
import { type ReactNode, useEffect } from 'react';

function FillFormShell({ children }: { children: ReactNode }) {
    useEffect(() => {
        ensureSyntoThemeScripts().catch((error) => {
            console.error('[Fill form]', error);
        });
    }, []);

    return (
        <div className="page fill-form-page">
            <div className="main-content">{children}</div>
        </div>
    );
}

export function fillFormPersistentLayout({ children }: { children: ReactNode }): React.JSX.Element {
    return <FillFormShell>{children}</FillFormShell>;
}