import{j as e,a as i}from"./jsx-runtime-5BUNAZ9W.js";import{c as t}from"./cn-466VSCev.js";import{r as o}from"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";const n=o.forwardRef(({className:a,...l},r)=>e("div",{className:"w-full overflow-auto",children:e("table",{ref:r,className:t("w-full caption-bottom text-sm",a),...l})}));n.displayName="Table";const f=o.forwardRef(({className:a,...l},r)=>e("thead",{ref:r,className:t("border-border [&_tr]:border-b",a),...l}));f.displayName="TableHeader";const h=o.forwardRef(({className:a,...l},r)=>e("tbody",{ref:r,className:t("[&_tr:last-child]:border-0",a),...l}));h.displayName="TableBody";const g=o.forwardRef(({className:a,...l},r)=>e("tfoot",{ref:r,className:t("bg-background-primary font-medium text-text-weakest",a),...l}));g.displayName="TableFooter";const b=o.forwardRef(({className:a,...l},r)=>e("tr",{ref:r,className:t("border-b border-b-border transition-colors hover:bg-background-stronger/50 data-[state=selected]:bg-background-stronger",a),...l}));b.displayName="TableRow";const s=o.forwardRef(({className:a,...l},r)=>e("th",{ref:r,className:t("h-12 px-4 text-left align-middle font-medium text-text-weak [&:has([role=checkbox])]:pr-0",a),...l}));s.displayName="TableHead";const d=o.forwardRef(({className:a,...l},r)=>e("td",{ref:r,className:t("p-4 align-middle [&:has([role=checkbox])]:pr-0",a),...l}));d.displayName="TableCell";const N=o.forwardRef(({className:a,...l},r)=>e("caption",{ref:r,className:t("mt-4 text-sm text-text-weak",a),...l}));N.displayName="TableCaption";try{n.displayName="Table",n.__docgenInfo={description:"",displayName:"Table",props:{}}}catch{}const C={title:"ui/Table",component:n,tags:["autodocs"],argTypes:{}},c={render:a=>i(n,{children:[e(N,{children:"A list of your recent invoices."}),e(f,{children:i(b,{children:[e(s,{className:"w-[100px]",children:"Invoice"}),e(s,{children:"Status"}),e(s,{children:"Method"}),e(s,{className:"text-right",children:"Amount"})]})}),e(h,{children:i(b,{children:[e(d,{className:"font-medium",children:"INV001"}),e(d,{children:"Paid"}),e(d,{children:"Credit Card"}),e(d,{className:"text-right",children:"$250.00"})]})})]}),args:{}};var m,T,p;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`{
  render: args => <Table>
      <TableCaption>A list of your recent invoices.</TableCaption>
      <TableHeader>
        <TableRow>
          <TableHead className="w-[100px]">Invoice</TableHead>
          <TableHead>Status</TableHead>
          <TableHead>Method</TableHead>
          <TableHead className="text-right">Amount</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow>
          <TableCell className="font-medium">INV001</TableCell>
          <TableCell>Paid</TableCell>
          <TableCell>Credit Card</TableCell>
          <TableCell className="text-right">$250.00</TableCell>
        </TableRow>
      </TableBody>
    </Table>,
  args: {}
}`,...(p=(T=c.parameters)==null?void 0:T.docs)==null?void 0:p.source}}};const H=["Base"];export{c as Base,H as __namedExportsOrder,C as default};
