Pagination Dropdown

                    <div class="flex justify-center my-8">
  <div class="flex items-center space-x-4">
    <div class="flex rounded-md overflow-hidden">
      <button class="px-3 py-2 bg-white border border-gray-300 text-gray-700 hover:bg-gray-100">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
        </svg>
      </button>
      <button class="px-4 py-2 bg-white border border-gray-300 text-gray-700 hover:bg-gray-100">1</button>
      <button class="px-4 py-2 bg-blue-600 border border-blue-600 text-white">2</button>
      <button class="px-4 py-2 bg-white border border-gray-300 text-gray-700 hover:bg-gray-100">3</button>
      <button class="px-4 py-2 bg-white border border-gray-300 text-gray-700 hover:bg-gray-100">4</button>
      <button class="px-3 py-2 bg-white border border-gray-300 text-gray-700 hover:bg-gray-100">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </button>
    </div>

    <div class="flex items-center">
      <span class="text-sm text-gray-700 mr-2">Go to</span>
      <div class="relative">
        <select class="appearance-none bg-white border border-gray-300 rounded px-3 py-1.5 pr-8 focus:outline-none focus:ring-blue-500 focus:border-blue-500 text-gray-700">
          <option>1</option>
          <option selected>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
          <option>...</option>
          <option>42</option>
        </select>
        <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
          <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
            <path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" />
          </svg>
        </div>
      </div>
      <span class="text-sm text-gray-700 ml-2">page</span>
    </div>
  </div>
</div>