commerce/components/pages/product-page-preview.tsx
2023-08-21 11:19:45 +02:00

25 lines
599 B
TypeScript

'use client';
import dynamic from 'next/dynamic';
import PreviewBanner from '../ui/preview-banner/preview-banner';
import type { ProductPageParams } from './product-page';
const ProductPage = dynamic(() => import('./product-page'));
export default function ProductPagePreview({ data }: ProductPageParams) {
if (!data) {
return (
<div className="text-center">
Please start editing your Product document to see the preview!
</div>
);
}
return (
<>
<ProductPage data={data} />
<PreviewBanner title={data?.title ? data.title : ''} />
</>
);
}