```jsx
import { Table, TableHeader, TableBody, Column, Row, Cell } from "./"
import Stack from "../stack"
import Text from "../text"
;<Table>
  <TableHeader>
    <Column>Customer Name</Column>
    <Column>Subscribed</Column>
    <Column>Status</Column>
  </TableHeader>
  <TableBody>
    <Row>
      <Cell>
        <Text size="sm" color="gray-800">
          Greg
        </Text>
        <Text size="xs" color="gray-800">
          greg@example.com
        </Text>
      </Cell>
      <Cell>May 21, 2022</Cell>
      <Cell>Active</Cell>
    </Row>
    <Row>
      <Cell>
        <Text size="sm" color="gray-800">
          Greg
        </Text>
        <Text size="xs" color="gray-800">
          greg@example.com
        </Text>
      </Cell>
      <Cell>May 21, 2022</Cell>
      <Cell>Cancelled</Cell>
    </Row>
    <Row>
      <Cell colSpan="2">
        <Text size="sm" color="gray-800">
          Greg
        </Text>
        <Text size="xs" color="gray-800">
          greg@example.com
        </Text>
      </Cell>
      <Cell>Unconfirmed</Cell>
    </Row>
  </TableBody>
</Table>
```
