# Table
To implement Table component into your project you'll need to add the import:
```jsx
import Table, { TableHead, TableBody, TableRow, TableCell } from "@kiwicom/orbit-components/lib/Table";

```
After adding import into your project you can use it simply like:
```jsx
<Table>
  <TableHead>
    <TableRow>
      <TableCell>Content</TableCell>
    </TableRow>
  </TableHead>
  <TableBody>
      <TableRow>
        <TableCell>Content</TableCell>
      </TableRow>
  </TableBody>
</Table>
```
## Props
Table below contains all types of the props available in the Table component.

| Name          | Type                            | Default      | Description                      |
| :------------ | :------------------------------ | :----------- | :------------------------------- |
| **children**  | `React.Node`                    |              | The content of the Table, normally [`TableHead`](#tablehead) or [`TableHead`](#TableHead).
| compact       | `boolean`                       | `false`      | If `true`, the Table will have more compact styles.
| dataTest      | `string`                        |              | Optional prop for testing purposes.

## Subcomponents
There are four subcomponents which you need to use.

### TableHead
```jsx
import TableHead from "@kiwicom/orbit-components/lib/Table/TableHead";
```

#### Props
Table below contains all types of the props in TableHead component.

| Name          | Type                  | Default         | Description                      |
| :------------ | :-------------------- | :-------------- | :------------------------------- |
| **children**  | `React.Node`          |                 | The content of the TableHead, normally [`TableRow`](#tablerow).
| dataTest      | `string`              |                 | Optional prop for testing purposes.

### TableBody
```jsx
import TableBody from "@kiwicom/orbit-components/lib/Table/TableBody";
```

#### Props
Table below contains all types of the props in TableBody component.

| Name          | Type                  | Default         | Description                      |
| :------------ | :-------------------- | :-------------- | :------------------------------- |
| **children**  | `React.Node`          |                 | The content of the TableBody, normally [`TableRow`](#tablerow).
| dataTest      | `string`              |                 | Optional prop for testing purposes.

### TableRow
```jsx
import TableRow from "@kiwicom/orbit-components/lib/Table/TableRow";
```

#### Props
Table below contains all types of the props in TableRow component.

| Name          | Type                  | Default         | Description                      |
| :------------ | :-------------------- | :-------------- | :------------------------------- |
| **children**  | `React.Node`          |                 | The content of the TableRow, normally [`TableCell`](#tablecell).
| dataTest      | `string`              |                 | Optional prop for testing purposes.

### TableCell
```jsx
import TableCell from "@kiwicom/orbit-components/lib/Table/TableCell";
```

#### Props
Table below contains all types of the props in TableCell component.

| Name          | Type                  | Default         | Description                      |
| :------------ | :---------------------| :-------------- | :------------------------------- |
| align         | [`enum`](#enum)       | `"left"`        | The align of text in the TableCell.
| children      | `React.Node`          |                 | The content of the TableCell.
| dataTest      | `string`              |                 | Optional prop for testing purposes.

#### enum

| align      |
| :--------- |
| `"left"`   |
| `"center"` |
| `"right"`  |