@legion-ui-kit/react-core/dist/cjs/components/Pagination/Pagination.cjs

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

"use client";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("classnames"),t=require("./styles.module.scss.cjs"),s=require("./Pagination.constant.cjs"),i=require("./PaginationButton.cjs"),n=require("../Icon/index.cjs"),l=require("./Pagination.helper.cjs"),o=require("../../helpers/typography.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var u=r(a);exports.default=a=>{const{activePage:r=s.PAGINATION_DEFAULT_PROPS.activePage,buttonClassName:c,buttonStyle:d,className:g,onClick:P,totalPage:f=s.PAGINATION_DEFAULT_PROPS.totalPage,...j}=a,m=Math.min(Math.max(r,1),f),p=Math.max(f,1),x=u.default(t.default.legion_pagination,g),N=u.default(t.default.pagination_page,c),_=u.default(t.default.pagination_navigation,c),b=e=>()=>{P?.(e)},h=l.getPageNumbers(p,m);return e.jsxs("div",{className:x,...j,children:[e.jsx(i.PaginationButton,{className:_,label:e.jsx(n.default,{icon:"chevron-left"}),onClick:()=>{m>1&&P?.(m-1)},style:d,disabled:1===m}),h.map((a,s)=>{const l=o.kebabCase(`${s}-${a}`);return"dots"===a?e.jsx(n.default,{icon:"ellipsis",className:t.default.pagination_dots,color:"tertiary"},l):e.jsx(i.PaginationButton,{className:N,active:a===m,label:a,style:d,onClick:b(a)},l)}),e.jsx(i.PaginationButton,{className:_,label:e.jsx(n.default,{icon:"chevron-right"}),onClick:()=>{m<p&&P?.(m+1)},style:d,disabled:m===p})]})};
//# sourceMappingURL=Pagination.cjs.map