import{j as e}from"./vendor-query-a3e439f2.js";import{r as a}from"./vendor-react-ac1483bd.js";import{c as s,s as r,C as d}from"./vendor-ui-8a3c5c7d.js";const c=({columns:c,data:i,loading:t=!1})=>{const[l,x]=a.useState(""),[n,m]=a.useState("asc"),y=[...i].sort((e,a)=>{if(!l)return 0;const s=e[l],r=a[l];return s<r?"asc"===n?-1:1:s>r?"asc"===n?1:-1:0});return t?e.jsxs("div",{className:"animate-pulse",children:[e.jsx("div",{className:"hidden md:block",children:e.jsxs("div",{className:"card overflow-hidden",children:[e.jsx("div",{className:"bg-gray-50 dark:bg-gray-700 px-6 py-3",children:e.jsx("div",{className:"flex space-x-4",children:c.map((a,s)=>e.jsx("div",{className:"h-4 bg-gray-300 dark:bg-gray-600 rounded flex-1"},s))})}),[...Array(5)].map((a,s)=>e.jsx("div",{className:"px-6 py-4 border-b border-gray-200 dark:border-gray-700",children:e.jsx("div",{className:"flex space-x-4",children:c.map((a,s)=>e.jsx("div",{className:"h-4 bg-gray-300 dark:bg-gray-600 rounded flex-1"},s))})},s))]})}),e.jsx("div",{className:"md:hidden space-y-4",children:[...Array(3)].map((a,s)=>e.jsx("div",{className:"card p-4 space-y-3",children:c.map((a,s)=>e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"h-3 bg-gray-300 dark:bg-gray-600 rounded w-1/3"}),e.jsx("div",{className:"h-4 bg-gray-300 dark:bg-gray-600 rounded w-2/3"})]},s))},s))})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"hidden md:block card overflow-hidden",children:e.jsxs("table",{className:"min-w-full divide-y divide-gray-200 dark:divide-gray-700",children:[e.jsx("thead",{className:"bg-gray-50 dark:bg-gray-700",children:e.jsx("tr",{children:c.map(a=>e.jsx("th",{className:s("px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",a.sortable&&"cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600"),onClick:()=>{return a.sortable&&(e=a.key,void(l===e?m("asc"===n?"desc":"asc"):(x(e),m("asc"))));var e},children:e.jsxs("div",{className:"flex items-center justify-end space-x-1",children:[e.jsx("span",{children:a.label}),a.sortable&&e.jsxs("div",{className:"flex flex-col",children:[e.jsx(r,{className:s("h-3 w-3",l===a.key&&"asc"===n?"text-primary-600":"text-gray-400")}),e.jsx(d,{className:s("h-3 w-3 -mt-1",l===a.key&&"desc"===n?"text-primary-600":"text-gray-400")})]})]})},a.key))})}),e.jsx("tbody",{className:"bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700",children:y.map((a,s)=>e.jsx("tr",{className:"hover:bg-gray-50 dark:hover:bg-gray-700",children:c.map(s=>e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100 text-right",children:s.render?s.render(a[s.key],a):a[s.key]},s.key))},s))})]})}),e.jsx("div",{className:"md:hidden space-y-4",children:y.map((a,s)=>e.jsx("div",{className:"card p-4 space-y-3",children:c.map(s=>e.jsxs("div",{className:"flex justify-between items-start",children:[e.jsxs("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:[s.label,":"]}),e.jsx("span",{className:"text-sm text-gray-900 dark:text-gray-100 text-right",children:s.render?s.render(a[s.key],a):a[s.key]})]},s.key))},s))})]})};export{c as T};