<script lang="ts">
  export let data;
</script>

<section class="px-2 md:px-8 mb-16 max-w-[1280px] mx-auto">
  <h2 class="text-4xl mb-10 md:text-5xl">
    Статьи
  </h2>

  <div class="flex flex-col gap-14">
    {#each data.posts as post}
      <a
        href={post.href}
      >
        <div class="text-sm">{post.date}</div>
        <h4 class="text-2xl md:text-3xl">{post.title}</h4>
      </a>
    {/each}
  </div>
</section>
