# Seat

To implement Seat component into your project you'll need to add the import:

```jsx
import Seat, { SeatLegend } from "@kiwicom/orbit-components/lib/Seat";
```

After adding import into your project you can use it simply like:

```jsx
<Seat />
```

## Props

Table below contains all types of the props available in Seat component.

| Name        | Type                    | Default                        | Description                                  |
| :---------- | :---------------------- | :----------------------------- | :------------------------------------------- |
| dataTest    | `string`                |                                | Optional prop for testing purposes.          |
| size        | [`enum`](#modal-enum)   | `medium`                       | Size of Seat component.                      |
| type        | [`enum`](#modal-enum)   | `default`                      | Visual type of Seat                          |
| price       | `string`                |                                | Price of Seat                                |
| label       | `string`                |                                | Label text inside of a Seat                  |
| title       | `string`                | `Seat`                         | Optional prop for title of svg element       |
| description | `string`                | `Presents options for seating` | Optional prop for Description of svg element |
| onClick     | `() => void \| Promise` |                                | Function for handling onClick event.         |

## SeatLegend

Table below contains all types of the props available in Seat/SeatLegend component.

| Name     | Type                  | Default   | Description                         |
| :------- | :-------------------- | :-------- | :---------------------------------- |
| dataTest | `string`              |           | Optional prop for testing purposes. |
| type     | [`enum`](#modal-enum) | `default` | Visual type of SeatLegend           |
| label    | `string`              |           | Label text inside of a SeatLegend   |

### enum

| size       | type            |
| :--------- | :-------------- |
| `"small"`  | `"default"`     |
| `"medium"` | `"legroom"`     |
|            | `"unavailable"` |