@bothub-chat/ui/dist/components/pagination/paginator.js

Bothub UI Components

import{jsxs as e,jsx as l}from"react/jsx-runtime";import{Container as i,ControlButton as n,ArrowIcon as r,PaginatorItem as a,ArrowNextIcon as t}from"./styled.js";import{usePaginatorPages as o,emptySpace as d}from"./utils.js";const u=({current:u,onChange:c,lastPage:s})=>{const m=o(null!=u?u:1,s),v=e=>{c(e)};return e(i,{children:[l(n,{$disabled:1===s,onClick:()=>{c(!u||u<=1?s:u-1)},children:l(r,{})}),m.map((e=>l(a,{$active:e.value===u,$disabled:e.value===d||e.value===u,onClick:"number"==typeof e.value?v.bind(null,e.value):()=>{},children:e.value},e.id))),l(n,{$disabled:1===s,onClick:()=>{c(!u||u>=s?1:u+1)},children:l(t,{})})]})};export{u as Paginator};