\r\n {!hasLoaded ?
:\r\n <>\r\n
Total Results: {filteredData.length}
\r\n {error === null ?\r\n <>\r\n {filteredData.length > 0 ?\r\n <>\r\n
\r\n {results && results.map(post => (\r\n \r\n ))}\r\n
\r\n
setCurrentPage(page)}\r\n />\r\n >\r\n : No results found.
\r\n }\r\n >\r\n : An error occurred.\r\n
\r\n }\r\n >\r\n }\r\n\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { usePagination, DOTS } from '../utils/usePagination';\r\n\r\n\r\nconst Pagination = props => {\r\n\r\n const { onPageChange, totalCount, siblingCount, currentPage, pageSize } = props;\r\n const paginationRange = usePagination({ currentPage, totalCount, siblingCount, pageSize });\r\n\r\n if (currentPage === 0 || paginationRange.length < 2) {\r\n return null;\r\n }\r\n\r\n const onNext = (disabled: boolean = false) => {\r\n if (disabled) return;\r\n\r\n onPageChange(currentPage + 1);\r\n };\r\n\r\n const onPrevious = (disabled: boolean = false) => {\r\n if (disabled) return;\r\n onPageChange(currentPage - 1);\r\n };\r\n\r\n let dotsCount = 0;\r\n\r\n let lastPage = paginationRange[paginationRange.length - 1];\r\n\r\n\r\n return (\r\n