import * as React from "react" import { cn } from "@/lib/utils" /** Responsive table wrapper with horizontal scroll overflow. */ const Table = React.forwardRef< HTMLTableElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) Table.displayName = "Table" /** Table head section that renders column headers with a bottom border. */ const TableHeader = React.forwardRef< HTMLTableSectionElement, React.HTMLAttributes >(({ className, ...props }, ref) => ( )) TableHeader.displayName = "TableHeader" /** Table body section that contains data rows. */ const TableBody = React.forwardRef< HTMLTableSectionElement, React.HTMLAttributes >(({ className, ...props }, ref) => ( )) TableBody.displayName = "TableBody" /** Table footer section with a muted background for summary rows. */ const TableFooter = React.forwardRef< HTMLTableSectionElement, React.HTMLAttributes >(({ className, ...props }, ref) => ( tr]:last:border-b-0", className )} {...props} /> )) TableFooter.displayName = "TableFooter" /** Table row with hover highlight and selected state support. */ const TableRow = React.forwardRef< HTMLTableRowElement, React.HTMLAttributes >(({ className, ...props }, ref) => ( )) TableRow.displayName = "TableRow" /** Table header cell with muted text styling. */ const TableHead = React.forwardRef< HTMLTableCellElement, React.ThHTMLAttributes >(({ className, ...props }, ref) => (

)) TableCaption.displayName = "TableCaption" export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, }
)) TableHead.displayName = "TableHead" /** Standard table data cell with consistent padding. */ const TableCell = React.forwardRef< HTMLTableCellElement, React.TdHTMLAttributes >(({ className, ...props }, ref) => (	)) TableCell.displayName = "TableCell" /** Muted caption text rendered below the table. */ const TableCaption = React.forwardRef< HTMLTableCaptionElement, React.HTMLAttributes >(({ className, ...props }, ref) => (