ThankYouTemplate.tsx24 lines · main
1import type { ThankYouPage } from '../schemas'
2import Confetti from '../sections/Confetti'
3import HeroSection from '../sections/HeroSection'
4import SectionRenderer, { type CustomSectionRenderers } from '../sections/SectionRenderer'
5
6export default function ThankYouTemplate({
7 page,
8 customRenderers,
9}: {
10 page: ThankYouPage
11 customRenderers?: CustomSectionRenderers
12}) {
13 return (
14 <div className="flex flex-col gap-16 sm:gap-24">
15 <div className="relative">
16 <HeroSection section={page.hero} compact />
17 <Confetti />
18 </div>
19 {page.sections?.map((section, i) => (
20 <SectionRenderer key={i} section={section} customRenderers={customRenderers} />
21 ))}
22 </div>
23 )
24}