1- import * as React from " react"
1+ import * as React from ' react'
22
3- import { cn } from " @/lib/utils"
3+ import { cn } from ' @/lib/utils'
44
5- function Table ( { className, ...props } : React . ComponentProps < " table" > ) {
5+ function Table ( { className, ...props } : React . ComponentProps < ' table' > ) {
66 return (
77 < div className = "relative w-full overflow-auto" >
88 < table
99 data-slot = "table"
10- className = { cn ( " w-full caption-bottom text-sm" , className ) }
10+ className = { cn ( ' w-full caption-bottom text-sm' , className ) }
1111 { ...props }
1212 />
1313 </ div >
1414 )
1515}
1616
17- function TableHeader ( { className, ...props } : React . ComponentProps < " thead" > ) {
17+ function TableHeader ( { className, ...props } : React . ComponentProps < ' thead' > ) {
1818 return (
1919 < thead
2020 data-slot = "table-header"
21- className = { cn ( " [&_tr]:border-b" , className ) }
21+ className = { cn ( ' [&_tr]:border-b' , className ) }
2222 { ...props }
2323 />
2424 )
2525}
2626
27- function TableBody ( { className, ...props } : React . ComponentProps < " tbody" > ) {
27+ function TableBody ( { className, ...props } : React . ComponentProps < ' tbody' > ) {
2828 return (
2929 < tbody
3030 data-slot = "table-body"
31- className = { cn ( " [&_tr:last-child]:border-0" , className ) }
31+ className = { cn ( ' [&_tr:last-child]:border-0' , className ) }
3232 { ...props }
3333 />
3434 )
3535}
3636
37- function TableFooter ( { className, ...props } : React . ComponentProps < " tfoot" > ) {
37+ function TableFooter ( { className, ...props } : React . ComponentProps < ' tfoot' > ) {
3838 return (
3939 < tfoot
4040 data-slot = "table-footer"
4141 className = { cn (
42- " bg-muted/50 border-t font-medium [&>tr]:last:border-b-0" ,
43- className
42+ ' bg-muted/50 border-t font-medium [&>tr]:last:border-b-0' ,
43+ className ,
4444 ) }
4545 { ...props }
4646 />
4747 )
4848}
4949
50- function TableRow ( { className, ...props } : React . ComponentProps < "tr" > ) {
50+ function TableRow ( { className, ...props } : React . ComponentProps < 'tr' > ) {
5151 return (
5252 < tr
5353 data-slot = "table-row"
5454 className = { cn (
55- " hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors" ,
56- className
55+ ' hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors' ,
56+ className ,
5757 ) }
5858 { ...props }
5959 />
6060 )
6161}
6262
63- function TableHead ( { className, ...props } : React . ComponentProps < "th" > ) {
63+ function TableHead ( { className, ...props } : React . ComponentProps < 'th' > ) {
6464 return (
6565 < th
6666 data-slot = "table-head"
6767 className = { cn (
68- " text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" ,
69- className
68+ ' text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]' ,
69+ className ,
7070 ) }
7171 { ...props }
7272 />
7373 )
7474}
7575
76- function TableCell ( { className, ...props } : React . ComponentProps < "td" > ) {
76+ function TableCell ( { className, ...props } : React . ComponentProps < 'td' > ) {
7777 return (
7878 < td
7979 data-slot = "table-cell"
8080 className = { cn (
81- " p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" ,
82- className
81+ ' p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]' ,
82+ className ,
8383 ) }
8484 { ...props }
8585 />
@@ -89,11 +89,11 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
8989function TableCaption ( {
9090 className,
9191 ...props
92- } : React . ComponentProps < " caption" > ) {
92+ } : React . ComponentProps < ' caption' > ) {
9393 return (
9494 < caption
9595 data-slot = "table-caption"
96- className = { cn ( " text-muted-foreground mt-4 text-sm" , className ) }
96+ className = { cn ( ' text-muted-foreground mt-4 text-sm' , className ) }
9797 { ...props }
9898 />
9999 )
0 commit comments