---
import type { InfoPage } from "../data/info";

type Props = {
  page: InfoPage;
};

const { page } = Astro.props;
---

{page.sections.map((section) => (
  <section class="content-section">
    <h2>{section.title}</h2>
    {section.body?.map((paragraph) => <p>{paragraph}</p>)}
    {section.bullets && (
      <ul class="check-list">
        {section.bullets.map((bullet) => <li>{bullet}</li>)}
      </ul>
    )}
  </section>
))}