Chore/BOOK-708 replace title component * chore(BOOK-708): replace title with typography * chore(BOOK-708): replace title with typography * chore(BOOK-708): remove Title from package.json Approved-by: Linus Flood Approved-by: Anton Gunnarsson
32 lines
867 B
TypeScript
32 lines
867 B
TypeScript
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>
|
|
)
|
|
}
|