{"version":3,"file":"pagination-footer-FaGDak6Y.js","sources":["../../../app/frontend/entrypoints/admin/components/pagination-footer.jsx"],"sourcesContent":["import React from \"react\";\n\n\nfunction PaginationFooter({ pagination, updatePagination }) {\n  if(pagination.total === 0) return null;\n\n  const start = (pagination.page - 1) * pagination.perPage + 1;\n  const end = Math.min(start + pagination.perPage - 1, pagination.total)\n  const total = pagination.total.toLocaleString()\n\n  const showNext = ((pagination.page - 1) * pagination.perPage + pagination.perPage) < pagination.total\n  const showPrevious = pagination.page > 1;\n\n  return (\n    <div className='flex items-center justify-between'>\n      <p className=\"text-sm text-gray-700\">\n        Showing <span className=\"font-medium\">{start}</span>{\" \"}\n        to <span className=\"font-medium\">{end}</span>{\" \"}of{\" \"}\n        <span className=\"font-medium\">{total}</span>{\" \"}results\n      </p>\n      <div className='text-right'>\n        {\n          showPrevious && (\n            <button className='relative inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus-visible:outline-offset-0'\n                    onClick={(e) => {\n                      e.preventDefault();\n                      if(pagination.page > 1) {\n                        updatePagination(pagination.page - 1)\n                      }\n                    }}\n            >\n              Previous\n            </button>\n          )\n        }\n\n        {\n          showNext && (\n            <button className='ml-3 relative inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus-visible:outline-offset-0'\n                    onClick={(e) => {\n                      e.preventDefault();\n                      updatePagination(pagination.page + 1)\n                    }}\n            >\n              Next\n            </button>\n          )\n        }\n      </div>\n    </div>\n  )\n}\n\nexport default PaginationFooter;"],"names":["PaginationFooter","pagination","updatePagination","start","end","total","showNext","showPrevious","jsxs","jsx","e"],"mappings":"2HAGA,SAASA,EAAiB,CAAE,WAAAC,EAAY,iBAAAC,GAAoB,CAC1D,GAAGD,EAAW,QAAU,EAAU,OAAA,KAElC,MAAME,GAASF,EAAW,KAAO,GAAKA,EAAW,QAAU,EACrDG,EAAM,KAAK,IAAID,EAAQF,EAAW,QAAU,EAAGA,EAAW,KAAK,EAC/DI,EAAQJ,EAAW,MAAM,eAAe,EAExCK,GAAaL,EAAW,KAAO,GAAKA,EAAW,QAAUA,EAAW,QAAWA,EAAW,MAC1FM,EAAeN,EAAW,KAAO,EAGrC,OAAAO,EAAA,KAAC,MAAI,CAAA,UAAU,oCACb,SAAA,CAACA,EAAAA,KAAA,IAAA,CAAE,UAAU,wBAAwB,SAAA,CAAA,WAC1BC,EAAA,IAAA,OAAA,CAAK,UAAU,cAAe,SAAMN,EAAA,EAAQ,IAAI,MACrDM,EAAA,IAAA,OAAA,CAAK,UAAU,cAAe,SAAIL,EAAA,EAAQ,IAAI,KAAG,IACpDK,EAAA,IAAA,OAAA,CAAK,UAAU,cAAe,SAAMJ,EAAA,EAAQ,IAAI,SAAA,EACnD,EACAG,EAAAA,KAAC,MAAI,CAAA,UAAU,aAEX,SAAA,CACED,GAAAE,EAAA,IAAC,SAAA,CAAO,UAAU,sLACV,QAAUC,GAAM,CACdA,EAAE,eAAe,EACdT,EAAW,KAAO,GACFC,EAAAD,EAAW,KAAO,CAAC,CAExC,EACP,SAAA,UAAA,CAED,EAKFK,GACEG,EAAA,IAAC,SAAA,CAAO,UAAU,2LACV,QAAUC,GAAM,CACdA,EAAE,eAAe,EACAR,EAAAD,EAAW,KAAO,CAAC,CACtC,EACP,SAAA,MAAA,CAED,CAAA,EAGN,CACF,CAAA,CAAA,CAEJ"}