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

<div class="px-4 py-8 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl">
  <div class="grid grid-cols-2 row-gap-8 md:grid-cols-4">
    <div class="text-center md:border-r dark:md:border-slate-500 mb-10 md:mb-0">
      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
        132K
      </div>
      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
        Downloads
      </p>
    </div>
    <div class="text-center md:border-r dark:md:border-slate-500 mb-10 md:mb-0">
      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
        24.8K
      </div>
      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
        Stars
      </p>
    </div>
    <div class="text-center md:border-r dark:md:border-slate-500">
      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
        10.3K
      </div>
      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
        Forks
      </p>
    </div>
    <div class="text-center">
      <div class="text-4xl font-bold lg:text-5xl xl:text-6xl text-blue-500">
        48.4K
      </div>
      <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
        Users
      </p>
    </div>
  </div>
</div>