2 lines
969 B
JavaScript
2 lines
969 B
JavaScript
import{r as t,j as a}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as e}from"./ComponentCard-C2b5w2__.js";import{P}from"./main-af3pcbZa.js";import{P as n}from"./Pagination-D7wmdCIc.js";function x(){const[i,s]=t.useState(1),[o,r]=t.useState(1),[g,c]=t.useState(1);return a.jsxs(a.Fragment,{children:[a.jsx(P,{title:"React.js Pagination Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Pagination Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),a.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[a.jsx(e,{title:"Pagination with Text",children:a.jsx(n,{currentPage:i,totalPages:10,onPageChange:s,variant:"text"})}),a.jsx(e,{title:"Pagination with Text and Icon",children:a.jsx(n,{currentPage:o,totalPages:10,onPageChange:r,variant:"text-icon"})}),a.jsx(e,{title:"Pagination with Icon",children:a.jsx(n,{currentPage:g,totalPages:10,onPageChange:c,variant:"icon"})})]})]})}export{x as default};
|