import React from 'react'
import Head from 'next/head'
import { useRouter } from 'next/router'
import { SidebarNav } from '@/frame/components/sidebar/SidebarNav'
import { Header } from '@/frame/components/page-header/Header'
import { LegalFooter } from '@/frame/components/page-footer/LegalFooter'
import { ScrollButton } from '@/frame/components/ui/ScrollButton'
import { SupportSection } from '@/frame/components/page-footer/SupportSection'
import { DeprecationBanner } from '@/versions/components/DeprecationBanner'
import { RestBanner } from '@/rest/components/RestBanner'
import { useMainContext } from '@/frame/components/context/MainContext'
import { useTranslation } from '@/languages/components/useTranslation'
import { Breadcrumbs } from '@/frame/components/page-header/Breadcrumbs'
import { useLanguages } from '@/languages/components/LanguagesContext'
import { ClientSideLanguageRedirect } from './ClientSideLanguageRedirect'
import { SearchOverlayContextProvider } from '@/search/components/context/SearchOverlayContext'
import styles from './DefaultLayout.module.scss'
const MINIMAL_RENDER = Boolean(JSON.parse(process.env.MINIMAL_RENDER || 'false'))
type Props = { children?: React.ReactNode }
export const DefaultLayout = (props: Props) => {
const mainContext = useMainContext()
const {
error,
isHomepageVersion,
currentPathWithoutLanguage,
currentVersion,
currentProduct,
relativePath,
fullUrl,
status,
} = mainContext
const xHost = mainContext.xHost
const page = mainContext.page!
const { t } = useTranslation(['meta', 'scroll_button'])
const router = useRouter()
const { languages } = useLanguages()
// This is only true when we do search indexing which renders every page
// just to be able to `cheerio` load the main body (and the meta
// keywords tag).
if (MINIMAL_RENDER) {
return (
{page.fullTitle}
{/* For local site search indexing */}