import { createInertiaApp } from '@inertiajs/react';
import ReactDOMServer from 'react-dom/server';
import DefaultLayout from '~/layouts/default_layout';

export default function render(page: any) {
	return createInertiaApp({
		page,
		render: ReactDOMServer.renderToString,
		resolve: (name) => {
			const pages = import.meta.glob('../pages/**/*.tsx', { eager: true });
			let pageComponent: any = pages[`../pages/${name}.tsx`];

			if (pageComponent?.default) {
				pageComponent.default.layout =
					pageComponent.default.layout ||
					((pageChildren: any) => <DefaultLayout children={pageChildren} />);
			}

			return pageComponent;
		},
		setup: ({ App, props }) => <App {...props} />,
	});
}