---
import ChannelSwitcher from "../../islands/ChannelSwitcher.jsx";
const { section } = Astro.props;
---

<section class="f-section">
  <div class="max-w-7xl mx-auto text-center">

    {section.title && (
      <h2 class="f-section-title">{section.title}</h2>
    )}

    {section.content && (
      <div class="f-markdown mb-10" set:html={section.html} />
    )}

    {section.iframe_sets && section.iframe_sets.length > 0 && (
      <ChannelSwitcher
        client:load
        sets={section.iframe_sets}
        title={section.title}
      />
    )}

  </div>
</section>