---
import Markdown from "../../islands/Markdown.jsx";
import TvChannelsSearch from "../../islands/jambox/JamboxChannelsSearch.jsx";

const props = Astro.props ?? {};
const section = props.section ?? {};
---

<section class="f-section">
  <div class="f-section-grid md:grid-cols-1">
    <div>
      {section.title && <h2 class="f-section-title">{section.title}</h2>}
      {section.content && <Markdown text={section.content} />}

      <TvChannelsSearch client:load />

      <div class="flex justify-center gap-4 flex-wrap">
        <a href="/files/EVIO TV.pdf" download class="btn btn-primary"
          >Pobierz listę kanałów (SMART OPTIMUM PLATINUM)
        </a>
        <a href="/files/JAMBOX TV.pdf" download class="btn btn-primary"
          >Pobierz listę kanałów (PODSTAWOWY KORZYSTNY BOGATY)
        </a>
      </div>
    </div>
  </div>
</section>
