import { Section } from "@/components/Section"
import { SectionHeader } from "@/components/Section/Header"
import SectionLink from "@/components/Section/Link"

import type { DynamicContentProps } from "@/types/components/blocks/dynamicContent"

export default function SectionWrapper({
  children,
  dynamic_content,
}: React.PropsWithChildren<DynamicContentProps>) {
  const displayHeader = !!(
    dynamic_content.link ||
    dynamic_content.subtitle ||
    dynamic_content.title
  )
  return (
    <Section>
      {displayHeader ? (
        <SectionHeader
          link={dynamic_content.link}
          preamble={dynamic_content.subtitle}
          heading={dynamic_content.title}
        />
      ) : null}
      {children}
      {dynamic_content.link ? (
        <SectionLink link={dynamic_content.link} variant="mobile" />
      ) : null}
    </Section>
  )
}
