import configPromise from '@payload-config';
import { RootLayout } from '@payloadcms/next/layouts';
import React from 'react';

import '@payloadcms/next/css';
import { handleServerFunctions } from '@payloadcms/next/layouts';
import { importMap } from './admin/importMap';

type Args = {
    children: React.ReactNode;
};

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const serverFunction: any = async function (args: any) {
    'use server';
    return handleServerFunctions({
        ...args,
        config: configPromise,
        importMap,
    });
};

const Layout = ({ children }: Args) => {
    return (
        <RootLayout config={configPromise} importMap={importMap} serverFunction={serverFunction}>
            {children}
        </RootLayout>
    );
};

export default Layout;