Table

import { Table, TableBody, TableRow, TableCell } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Table>
        <TableBody><TableRow><TableCell>Workspace</TableCell></TableRow></TableBody>
      </Table>
    </>
  )
}

import { Table, TableHeader, TableRow, TableHead, TableBody, TableEmpty, Button } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Table>
        <TableHeader><TableRow><TableHead>Name</TableHead><TableHead>Role</TableHead></TableRow></TableHeader>
        <TableBody><TableEmpty colSpan={2} title="No members yet" description="People you invite show up here." action={<Button variant="secondary" size="compact">Invite people</Button>} /></TableBody>
      </Table>
    </>
  )
}

import { TableRow, TableCell } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  let selected: string[] = []

  return () => (
    <>
      <TableRow selected><TableCell>Alice</TableCell><TableCell>Engineer</TableCell></TableRow>
    </>
  )
}