{title} |{" "} {store.serviceName === DEFAULT_SERVICE_NAME ? "StoryBooks" : store.serviceName}

import { DEFAULT_SERVICE_NAME } from "../utils/constants"; import { getStore } from "../utils/store"; import { urlBuilder } from "../utils/url-builder"; import { joinUrl } from "../utils/url-utils"; export function DocumentLayout({ title, breadcrumbs = [], children, footer, toolbar, }: { title: string; breadcrumbs?: string[] | Array<{ label: string; href?: string }>; children: JSX.Element; footer?: JSX.Element | null; toolbar?: JSX.Element | null; }) { const safeStylesheet = globalStyleSheet(); const store = getStore(); return ( <> {""} {title} |{" "} {store.serviceName === DEFAULT_SERVICE_NAME ? "StoryBooks" : store.serviceName}

{store.serviceName === DEFAULT_SERVICE_NAME ? ( STORY
BOOKS ) : ( {store.serviceName} )}

{breadcrumbs.length > 0 ? (

{typeof crumb === "object" ? crumb.label : crumb}

) : null}

{title}

{toolbar ?

{toolbar}

: null}

{children}

{footer ? : null}