<div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
  <!-- Card item -->
  <div
    class="rounded-2xl border border-gray-200 bg-white p-4 dark:border-gray-800 dark:bg-white/[0.03] md:p-6"
  >
    <div class="flex items-start justify-between">
      <h3 class="text-lg font-semibold text-gray-800 dark:text-white/90">
        Top Channels
      </h3>

      <div x-data="{openDropDown: false}" class="relative">
        <button
          @click="openDropDown = !openDropDown"
          :class="openDropDown ? 'te