{"version":3,"file":"Pagination.mjs","sources":["../../../../../../admin/src/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex } from '@strapi/design-system';\n\nconst PaginationContext = React.createContext({ activePage: 1, pageCount: 1 });\nexport const usePagination = () => React.useContext(PaginationContext);\n\ninterface PaginationProps {\n  activePage: number;\n  children: React.ReactNode;\n  label?: string;\n  pageCount: number;\n}\n\nexport const Pagination = ({\n  children,\n  activePage,\n  pageCount,\n  label = 'pagination',\n}: PaginationProps) => {\n  const paginationValue = React.useMemo(() => ({ activePage, pageCount }), [activePage, pageCount]);\n\n  return (\n    <PaginationContext.Provider value={paginationValue}>\n      <Box tag=\"nav\" aria-label={label}>\n        <Flex tag=\"ul\" gap={1}>\n          {children}\n        </Flex>\n      </Box>\n    </PaginationContext.Provider>\n  );\n};\n"],"names":["PaginationContext","React","createContext","activePage","pageCount","usePagination","useContext","Pagination","children","label","paginationValue","useMemo","_jsx","Provider","value","Box","tag","aria-label","Flex","gap"],"mappings":";;;;AAIA,MAAMA,iBAAAA,iBAAoBC,KAAAA,CAAMC,aAAa,CAAC;IAAEC,UAAAA,EAAY,CAAA;IAAGC,SAAAA,EAAW;AAAE,CAAA,CAAA;MAC/DC,aAAAA,GAAgB,IAAMJ,KAAAA,CAAMK,UAAU,CAACN,iBAAAA;AAS7C,MAAMO,UAAAA,GAAa,CAAC,EACzBC,QAAQ,EACRL,UAAU,EACVC,SAAS,EACTK,KAAAA,GAAQ,YAAY,EACJ,GAAA;AAChB,IAAA,MAAMC,eAAAA,GAAkBT,KAAAA,CAAMU,OAAO,CAAC,KAAO;AAAER,YAAAA,UAAAA;AAAYC,YAAAA;AAAU,SAAA,CAAA,EAAI;AAACD,QAAAA,UAAAA;AAAYC,QAAAA;AAAU,KAAA,CAAA;IAEhG,qBACEQ,GAAA,CAACZ,kBAAkBa,QAAQ,EAAA;QAACC,KAAAA,EAAOJ,eAAAA;AACjC,QAAA,QAAA,gBAAAE,GAAA,CAACG,GAAAA,EAAAA;YAAIC,GAAAA,EAAI,KAAA;YAAMC,YAAAA,EAAYR,KAAAA;AACzB,YAAA,QAAA,gBAAAG,GAAA,CAACM,IAAAA,EAAAA;gBAAKF,GAAAA,EAAI,IAAA;gBAAKG,GAAAA,EAAK,CAAA;AACjBX,gBAAAA,QAAAA,EAAAA;;;;AAKX;;;;"}