websites/packages/sanity-cms/components/SanityLayout.tsx

import { type ReactNode, Suspense } from 'react';
import { isDraftModeEnabled } from '../lib/util';
import { VisualEditing } from 'next-sanity';
import SanityDisableDraftMode from './SanityDisableDraftMode';

export default async function SanityLayout({
  children,
  disableDraftModePath,
}: {
  children: ReactNode;
  disableDraftModePath: string;
}) {
  const isDraftMode = isDraftModeEnabled();
  return (
    <>
      {isDraftMode ? (
        <Suspense>
          <SanityDisableDraftMode disableDraftModePath={disableDraftModePath} />
        </Suspense>
      ) : null}
      {children}
      {isDraftMode ? <VisualEditing /> : null}
    </>
  );
}