commerce/components/pages/single-page-preview.tsx

'use client';

import dynamic from 'next/dynamic';
import { SinglePageParams } from './single-page';

const SinglePage = dynamic(() => import('./single-page'));
const PreviewBanner = dynamic(() => import('../ui/preview-banner/preview-banner'));

export default function SinglePagePreview({ data }: SinglePageParams) {
  if (!data) {
    return (
      <div className="text-center">Please start editing your Page document to see the preview!</div>
    );
  }

  return (
    <>
      <SinglePage data={data} />
      <PreviewBanner title={data?.title ? data.title : ''} />
    </>
  );
}