/**
 * Envoltorio de página con la estructura EXACTA del tema Django:
 * main-page > middle-content > body-content > title-content <h1>.
 * Los hijos aportan los bloques `box-content` / `body-box-content`.
 */
export function PageShell({
  title,
  children,
}: {
  title: React.ReactNode
  children: React.ReactNode
}) {
  return (
    <div className="main-page">
      <div className="middle-content">
        <div className="body-content">
          <div className="title-content">
            <h1>{title}</h1>
          </div>
          {children}
        </div>
      </div>
    </div>
  )
}