/**
* PageRenderer
*
* Renders a page using the Layout component for proper orchestration
* of header, body, footer, and panel areas.
* Manages head meta tags for SEO and social sharing.
*/
import React, { useMemo, useEffect, useReducer, useRef } from 'react'
import { useLocation, useNavigate } from 'react-router-dom'
import BlockRenderer from './BlockRenderer.jsx'
import Layout from './Layout.jsx'
import { useHeadMeta } from '../hooks/useHeadMeta.js'
import { useSectionViews } from '../hooks/useSectionViews.js'
import { buildSectionOverrides } from '@uniweb/theming'
import { Default404 } from '../default-404.js'
/**
* ChildBlocks - renders child blocks of a block
* Exposed for use by foundation components via @uniweb/kit
*
* By default, renders each child as a bare component (no wrapper element,
* no context classes, no background). This is the common case for grid cells,
* tab panels, carousel slides, and inline children.
*
* Pass `wrapAs` to opt into full section treatment (wrapper element, context
* classes, background, section ID) — rare, for independent nested sections.
*
* @param {Object} props
* @param {Block[]} props.blocks - Explicit array of blocks to render
* @param {Block} props.from - Parent block to extract childBlocks from (convenience shorthand)
* @param {string} [props.wrapAs] - Wrapper element tag for section treatment ('div', 'article', etc.)
*
* @example
* // Bare rendering (default) — grid cells, tabs, inline children
*
*
* @example
* // Section treatment — each child gets its own wrapper, context, background
*
*/
export function ChildBlocks({ blocks, from, wrapAs }) {
const blockList = blocks || from?.childBlocks || []
return blockList.map((childBlock, index) => (
))
}
/**
* Section override styles — pre-built CSS for all section-level overrides on the active page.
* Injects a