/** * This Layout is needed for Starter Kit. */ import React, { JSX } from 'react'; import Head from 'next/head'; import { Placeholder, LayoutServiceData, Field, DesignLibrary, RenderingType } from '@sitecore-content-sdk/nextjs'; import Scripts from 'src/Scripts'; import SitecoreStyles from 'src/components/SitecoreStyles'; interface LayoutProps { layoutData: LayoutServiceData; } interface RouteFields { [key: string]: unknown; Title?: Field; } const Layout = ({ layoutData }: LayoutProps): JSX.Element => { const { route } = layoutData.sitecore; const fields = route?.fields as RouteFields; const isPageEditing = layoutData.sitecore.context.pageEditing; const mainClassPageEditing = isPageEditing ? 'editing-mode' : 'prod-mode'; return ( <> {fields?.Title?.value?.toString() || 'Page'} {/* root placeholder for the app, which we add components to using route data */}
{layoutData.sitecore.context.renderingType === RenderingType.Component ? ( ) : ( <>
{route && }
)}
); }; export default Layout;