{"version":3,"file":"Pagination-jzIJlJrF.js","sources":["../../../../../src/components/Pagination.tsx"],"sourcesContent":["interface PaginationProps {\n  totalPage: () => number;\n  page: () => number;\n  goPrev: () => void;\n  goNext: () => void;\n  class?: string;\n}\n\nexport function Pagination({\n  totalPage,\n  page,\n  goPrev,\n  goNext,\n  class: cls,\n}: PaginationProps) {\n  return (\n    <nav aria-label=\"Page navigation\" class={cls}>\n      <ul class=\"flex items-center -space-x-px h-10 text-base\">\n        <li>\n          <button\n            onClick={goPrev}\n            disabled={page() < 2}\n            class=\"flex items-center justify-center px-4 h-10 ml-0 leading-tight text-gray-500 bg-white border border-gray-300 rounded-l-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n          >\n            <span class=\"sr-only\">Previous</span>\n            <svg\n              class=\"w-3 h-3\"\n              aria-hidden=\"true\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 6 10\"\n            >\n              <path\n                stroke=\"currentColor\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M5 1 1 5l4 4\"\n              />\n            </svg>\n          </button>\n        </li>\n        <li>\n          <a\n            href=\"#\"\n            aria-current=\"page\"\n            class=\"z-10 flex items-center justify-center px-4 h-10 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white\"\n          >\n            {page()}\n          </a>\n        </li>\n        <li>\n          <button\n            onClick={goNext}\n            disabled={page() >= totalPage()}\n            class=\"flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 rounded-r-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n          >\n            <span class=\"sr-only\">Next</span>\n            <svg\n              class=\"w-3 h-3\"\n              aria-hidden=\"true\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 6 10\"\n            >\n              <path\n                stroke=\"currentColor\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"m1 9 4-4-4-4\"\n              />\n            </svg>\n          </button>\n        </li>\n      </ul>\n    </nav>\n  );\n}\n"],"names":["Pagination","totalPage","page","goPrev","goNext","class","cls","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_el$4","_el$5","nextSibling","_el$6","_el$7","_el$8","_$className","_$insert","_$effect","_p$","_v$","_v$2","e","_$setProperty","t","undefined","_$runHydrationEvents"],"mappings":"ioEAQO,SAASA,EAAW,CACzBC,UAAAA,EACAC,KAAAA,EACAC,OAAAA,EACAC,OAAAA,EACAC,MAAOC,CACQ,EAAG,CAClB,OAAA,IAAA,CAAAC,IAAAA,EAAAC,EAAAC,CAAA,EAAAC,EAAAH,EAAAI,WAAAC,EAAAF,EAAAC,WAAAE,EAAAD,EAAAD,WAAAG,EAAAF,EAAAG,YAAAC,EAAAF,EAAAH,WAAAM,EAAAH,EAAAC,YAAAG,EAAAD,EAAAN,WAAAQ,OAAAA,EAAAZ,EAC2CD,CAAG,EAAAO,EAAAA,EAAA,QAI3BV,EAAM,EAAA,EAAAiB,EAAAJ,EA4Bdd,CAAI,EAAAgB,EAAAA,EAAA,QAKId,EAAM,EAAA,EAAAiB,EAAAC,GAAA,CAAA,IAAAC,EAhCLrB,IAAS,EAACsB,EAiCVtB,EAAAA,GAAUD,IAAWsB,OAAAA,IAAAD,EAAAG,GAAAC,EAAAb,EAAAS,WAAAA,EAAAG,EAAAF,CAAA,EAAAC,IAAAF,EAAAK,GAAAD,EAAAR,EAAAI,WAAAA,EAAAK,EAAAH,CAAA,EAAAF,CAAAA,EAAA,CAAAG,EAAAG,OAAAD,EAAAC,MAAAA,CAAA,EAAAC,IAAAtB,CAAAA,IAwB3C"}