Table

import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@swirski/ui";

Table
|-- TableHead
|   `-- TableRow
|       `-- TableHeader
`-- TableBody
    `-- TableRow
        `-- TableCell

<Table>
  <TableHead>
    <TableRow>
      <TableHeader>Name</TableHeader>
      <TableHeader>Status</TableHeader>
      <TableHeader>Value</TableHeader>
    </TableRow>
  </TableHead>
  <TableBody>
    {rows.map((row) => (
      <TableRow key={row.name}>
        <TableCell>{row.name}</TableCell>
        <TableCell>{row.status}</TableCell>
        <TableCell>{row.value}</TableCell>
      </TableRow>
    ))}
  </TableBody>
</Table>