????
Your IP : 216.73.216.152
import{s as i,b as d,j as e,E as l,F as u,I as p,ai as w,aj as m}from"./index-9bcd78a9.js";import{T as j,a as g,b as r,c as a,d as x}from"./TableRow-55190f90.js";import{T as C}from"./TablePagination-014b81e1.js";import"./KeyboardArrowRight-930a3b01.js";import"./Toolbar-d5f2ec66.js";import"./MenuItem-3ea292e1.js";import"./listItemIconClasses-873dc6a3.js";const L=i(j)(()=>({whiteSpace:"pre","& thead":{"& tr":{"& th":{paddingLeft:0,paddingRight:0}}},"& tbody":{"& tr":{"& td":{paddingLeft:0,textTransform:"capitalize"}}}})),h=[{name:"john doe",date:"18 january, 2019",amount:1e3,status:"close",company:"ABC Fintech LTD."},{name:"kessy bryan",date:"10 january, 2019",amount:9e3,status:"open",company:"My Fintech LTD."},{name:"kessy bryan",date:"10 january, 2019",amount:9e3,status:"open",company:"My Fintech LTD."},{name:"james cassegne",date:"8 january, 2019",amount:5e3,status:"close",company:"Collboy Tech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."}],P=()=>{const[n,s]=d.useState(0),[o,y]=d.useState(5),T=(t,c)=>{s(c)},b=t=>{y(+t.target.value),s(0)};return e.jsxs(l,{width:"100%",overflow:"auto",children:[e.jsxs(L,{children:[e.jsx(g,{children:e.jsxs(r,{children:[e.jsx(a,{align:"left",children:"Name"}),e.jsx(a,{align:"center",children:"Company"}),e.jsx(a,{align:"center",children:"Start Date"}),e.jsx(a,{align:"center",children:"Status"}),e.jsx(a,{align:"center",children:"Amount"}),e.jsx(a,{align:"right",children:"Action"})]})}),e.jsx(x,{children:h.slice(n*o,n*o+o).map((t,c)=>e.jsxs(r,{children:[e.jsx(a,{align:"left",children:t.name}),e.jsx(a,{align:"center",children:t.company}),e.jsx(a,{align:"center",children:t.date}),e.jsx(a,{align:"center",children:t.status}),e.jsxs(a,{align:"center",children:["$",t.amount]}),e.jsx(a,{align:"right",children:e.jsx(u,{children:e.jsx(p,{color:"error",children:"close"})})})]},c))})]}),e.jsx(C,{sx:{px:2},page:n,component:"div",rowsPerPage:o,count:h.length,onPageChange:T,rowsPerPageOptions:[5,10,25],onRowsPerPageChange:b,nextIconButtonProps:{"aria-label":"Next Page"},backIconButtonProps:{"aria-label":"Previous Page"}})]})},B=i(j)(({theme:n})=>({whiteSpace:"pre","& thead":{"& tr":{"& th":{paddingLeft:0,paddingRight:0}}},"& tbody":{"& tr":{"& td":{paddingLeft:0,textTransform:"capitalize"}}}})),D=[{name:"john doe",date:"18 january, 2019",amount:1e3,status:"close",company:"ABC Fintech LTD."},{name:"kessy bryan",date:"10 january, 2019",amount:9e3,status:"open",company:"My Fintech LTD."},{name:"james cassegne",date:"8 january, 2019",amount:5e3,status:"close",company:"Collboy Tech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."},{name:"lucy brown",date:"1 january, 2019",amount:89e3,status:"open",company:"ABC Fintech LTD."}],f=()=>e.jsx(l,{width:"100%",overflow:"auto",children:e.jsxs(B,{children:[e.jsx(g,{children:e.jsxs(r,{children:[e.jsx(a,{align:"left",children:"Name"}),e.jsx(a,{align:"center",children:"Company"}),e.jsx(a,{align:"center",children:"Start Date"}),e.jsx(a,{align:"center",children:"Status"}),e.jsx(a,{align:"center",children:"Amount"}),e.jsx(a,{align:"right",children:"Action"})]})}),e.jsx(x,{children:D.map((n,s)=>e.jsxs(r,{children:[e.jsx(a,{align:"left",children:n.name}),e.jsx(a,{align:"center",children:n.company}),e.jsx(a,{align:"center",children:n.date}),e.jsx(a,{align:"center",children:n.status}),e.jsxs(a,{align:"center",children:["$",n.amount]}),e.jsx(a,{align:"right",children:e.jsx(u,{children:e.jsx(p,{color:"error",children:"close"})})})]},s))})]})}),A=i("div")(({theme:n})=>({margin:"30px",[n.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[n.breakpoints.down("sm")]:{marginBottom:"16px"}}})),N=()=>e.jsxs(A,{children:[e.jsx(l,{className:"breadcrumb",children:e.jsx(w,{routeSegments:[{name:"Material",path:"/material"},{name:"Table"}]})}),e.jsx(m,{title:"Simple Table",children:e.jsx(f,{})}),e.jsx(m,{title:"Pagination Table",children:e.jsx(P,{})})]});export{N as default};