sitecore-search-with-google-map/dist/components/SearchPagination/index.js

A library for seamless integration of Sitecore Search with Google Maps in Next.js applications, enabling location-based searches with flexible UI options.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// This component was generated by @sitecore-search/cli on Sat Mar 08 2025 15:39:57 GMT+0530 (India Standard Time)
import { ArrowLeftIcon, ArrowRightIcon } from "@radix-ui/react-icons";
import { useSearchResultsActions } from "@sitecore-search/react";
import { Pagination } from "@sitecore-search/ui";
var SearchPagination = function (_a) {
    var currentPage = _a.currentPage, totalPages = _a.totalPages;
    var onPageNumberChange = useSearchResultsActions().onPageNumberChange;
    return (_jsxs(Pagination.Root, { currentPage: currentPage, defaultCurrentPage: 1, totalPages: totalPages, onPageChange: function (v) {
            return onPageNumberChange({
                page: v,
            });
        }, className: "flex justify-center items-center text-[20px] flex", children: [_jsx(Pagination.PrevPage, { onClick: function (e) { return e.preventDefault(); }, className: "cursor-pointer my-0 mx-2 data-[current=true]:hidden hover:text-gray-700 focus:outline-gray-700 dark:hover:text-gray-400 dark:focus:outline-gray-400", children: _jsx(ArrowLeftIcon, {}) }), _jsx(Pagination.Pages, { children: function (pagination) {
                    return Pagination.paginationLayout(pagination, {
                        boundaryCount: 1,
                        siblingCount: 1,
                    }).map(function (_a) {
                        var page = _a.page, type = _a.type;
                        return type === "page" ? (_jsx(Pagination.Page, { "aria-label": "Page ".concat(page), page: page, onClick: function (e) { return e.preventDefault(); }, className: "cursor-pointer my-0 mx-2 data-[current=true]:text-gray-700 dark:data-[current=true]:text-gray-400 data-[current=true]:pointer-events-none data-[current=true]:no-underline hover:text-gray-700 focus:outline-gray-700 dark:hover:text-gray-400 dark:focus:outline-gray-400", children: page }, page)) : (_jsx("span", { children: "..." }, type));
                    });
                } }), _jsx(Pagination.NextPage, { onClick: function (e) { return e.preventDefault(); }, className: "cursor-pointer my-0 mx-2 data-[current=true]:hidden hover:text-gray-700 focus:outline-gray-700 dark:hover:text-gray-400 dark:focus:outline-gray-400", children: _jsx(ArrowRightIcon, {}) })] }));
};
export default SearchPagination;