'use client';

import { Suspense } from 'react';

const SuspenseHelper = ({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) => {
  return (
    <Suspense
      fallback={
        <div className='w-full flex flex-row justify-center items-center p-4'>
          <span className='loading loading-spinner loading-xl' />
        </div>
      }
    >
      {children}
    </Suspense>
  );
};

export default SuspenseHelper;
