import type * as React from "react"

import { Container, Section, SectionHeading } from "@/components/gebos/section"
import {
  PageBreadcrumb,
  type Crumb,
} from "@/components/gebos/page-breadcrumb"

/**
 * Minimal content page (Unternehmen / Kontakt) and stand-in while
 * full pages are being built.
 */
function SimplePage({
  title,
  lead,
  breadcrumb,
  children,
}: {
  title: React.ReactNode
  lead?: React.ReactNode
  breadcrumb?: Crumb[]
  children?: React.ReactNode
}) {
  return (
    <div className="bg-hero-glow">
      <Container>
        <Section className={breadcrumb ? "pt-6 sm:pt-7 lg:pt-8" : undefined}>
          {breadcrumb ? (
            <PageBreadcrumb className="mb-4" items={breadcrumb} />
          ) : null}
          <SectionHeading title={title} lead={lead} />
          {children}
        </Section>
      </Container>
    </div>
  )
}

export { SimplePage }