import{j as e,P as d}from"./index-B1SopS7p.js";import{P as l}from"./PageBreadCrumb-CCq5b9mQ.js";import{C as x}from"./ComponentCard-BNnZE5TA.js";import{B as g}from"./Badge-BwKB9GFu.js";const c=({children:s,className:a})=>e.jsx("table",{className:`min-w-full  ${a}`,children:s}),n=({children:s,className:a})=>e.jsx("thead",{className:a,children:s}),u=({children:s,className:a})=>e.jsx("tbody",{className:a,children:s}),i=({children:s,className:a})=>e.jsx("tr",{className:a,children:s}),t=({children:s,isHeader:a=!1,className:r})=>{const m=a?"th":"td";return e.jsx(m,{className:` ${r}`,children:s})},o=[{id:1,user:{image:"/images/user/user-17.jpg",name:"Lindsey Curtis",role:"Web Designer"},projectName:"Agency Website",team:{images:["/images/user/user-22.jpg","/images/user/user-23.jpg","/images/user/user-24.jpg"]},budget:"3.9K",status:"Active"},{id:2,user:{image:"/images/user/user-18.jpg",name:"Kaiya George",role:"Project Manager"},projectName:"Technology",team:{images:["/images/user/user-25.jpg","/images/user/user-26.jpg"]},budget:"24.9K",status:"Pending"},{id:3,user:{image:"/images/user/user-17.jpg",name:"Zain Geidt",role:"Content Writing"},projectName:"Blog Writing",team:{images:["/images/user/user-27.jpg"]},budget:"12.7K",status:"Active"},{id:4,user:{image:"/images/user/user-20.jpg",name:"Abram Schleifer",role:"Digital Marketer"},projectName:"Social Media",team:{images:["/images/user/user-28.jpg","/images/user/user-29.jpg","/images/user/user-30.jpg"]},budget:"2.8K",status:"Cancel"},{id:5,user:{image:"/images/user/user-21.jpg",name:"Carla George",role:"Front-end Developer"},projectName:"Website",team:{images:["/images/user/user-31.jpg","/images/user/user-32.jpg","/images/user/user-33.jpg"]},budget:"4.5K",status:"Active"}];function j(){return e.jsx("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white dark:border-white/[0.05] dark:bg-white/[0.03]",children:e.jsx("div",{className:"max-w-full overflow-x-auto",children:e.jsxs(c,{children:[e.jsx(n,{className:"border-b border-gray-100 dark:border-white/[0.05]",children:e.jsxs(i,{children:[e.jsx(t,{isHeader:!0,className:"px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400",children:"User"}),e.jsx(t,{isHeader:!0,className:"px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400",children:"Project Name"}),e.jsx(t,{isHeader:!0,className:"px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400",children:"Team"}),e.jsx(t,{isHeader:!0,className:"px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400",children:"Status"}),e.jsx(t,{isHeader:!0,className:"px-5 py-3 font-medium text-gray-500 text-start text-theme-xs dark:text-gray-400",children:"Budget"})]})}),e.jsx(u,{className:"divide-y divide-gray-100 dark:divide-white/[0.05]",children:o.map(s=>e.jsxs(i,{children:[e.jsx(t,{className:"px-5 py-4 sm:px-6 text-start",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 overflow-hidden rounded-full",children:e.jsx("img",{width:40,height:40,src:s.user.image,alt:s.user.name})}),e.jsxs("div",{children:[e.jsx("span",{className:"block font-medium text-gray-800 text-theme-sm dark:text-white/90",children:s.user.name}),e.jsx("span",{className:"block text-gray-500 text-theme-xs dark:text-gray-400",children:s.user.role})]})]})}),e.jsx(t,{className:"px-4 py-3 text-gray-500 text-start text-theme-sm dark:text-gray-400",children:s.projectName}),e.jsx(t,{className:"px-4 py-3 text-gray-500 text-start text-theme-sm dark:text-gray-400",children:e.jsx("div",{className:"flex -space-x-2",children:s.team.images.map((a,r)=>e.jsx("div",{className:"w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900",children:e.jsx("img",{width:24,height:24,src:a,alt:`Team member ${r+1}`,className:"w-full size-6"})},r))})}),e.jsx(t,{className:"px-4 py-3 text-gray-500 text-start text-theme-sm dark:text-gray-400",children:e.jsx(g,{size:"sm",color:s.status==="Active"?"success":s.status==="Pending"?"warning":"error",children:s.status})}),e.jsx(t,{className:"px-4 py-3 text-gray-500 text-theme-sm dark:text-gray-400",children:s.budget})]},s.id))})]})})})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"React.js Basic Tables Dashboard | TailAdmin - Next.js Admin Dashboard Template",description:"This is React.js Basic Tables Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),e.jsx(l,{pageTitle:"Basic Tables"}),e.jsx("div",{className:"space-y-6",children:e.jsx(x,{title:"Basic Table 1",children:e.jsx(j,{})})})]})}export{N as default};
