{title ? `${title} | ${appName}` : appName}

import Head from 'next/head'; import {FC, ReactNode} from 'react'; type DefaultLayoutProps = { title?: string, appName?: string, children?: ReactNode, } export const DefaultLayout: FC = ({ title, appName = 'Tesseract Web (React)', children, }) => { return ( <> {title ? `${title} | ${appName}` : appName} { title && ( ) }

{children}

) }