# Illustration
To implement Illustration component into your project you'll need to add the import:
```jsx
import Illustration from "@kiwicom/orbit-components/lib/Illustration";
```
After adding import into your project you can use it simply like:
```jsx
<Illustration name="Accommodation" size="small" />
```
## Props
Table below contains all types of the props available in Illustration component.

| Name          | Type                             | Default         | Description                      |
| :------------ | :------------------------------- | :-------------- | :------------------------------- |
| dataTest      | `string`                         |                 | Optional prop for testing purposes.
| **name**      | [`enum`](#enum)                  |                 | Name for the displayed illustration.
| size          | [`enum`](#enum)                  | `"medium"`      | The size of the Illustration.
| spaceAfter    | `enum`                           |                 | Additional `margin-bottom` after component. [See this docs](https://github.com/kiwicom/orbit-components/tree/master/src/common/getSpacingToken)

### enum

| name                          | size           |
| :---------------------------- | :------------- |
| `"Accommodation"`             | `"small"`      |
| `"AirHelp"`                   | `"medium"`     |
| `"AirportTransport"`          | `"large"`      |
| `"AirportTransportTaxi"`      |
| `"AirportShuttle"`            |
| `"BaggageDrop"`               |
| `"BGYFastTrack"`              |
| `"Boarding"`                  |
| `"BoardingPass"`              |
| `"BusinessTravel"`            |
| `"BUDFastTrack"`              |
| `"CabinBaggage"`              |
| `"DesktopSearch"`             |
| `"EnjoyApp"`                  |
| `"Error"`                     |
| `"Error404"`                  |
| `"FastTrack"`                 |
| `"Feedback"`                  |
| `"Help"`                      |
| `"Improve"`                   |
| `"Insurance"`                 |
| `"InviteAFriend"`             |
| `"Login"`                     |
| `"Lounge"`                    |
| `"Mailbox"`                   |
| `"Meal"`                      |
| `"MobileApp"`                 |
| `"Money"`                     |
| `"MusicalInstruments"`        |
| `"NCEFastTrack"`              |
| `"NetVerify"`                 |
| `"NoBookings"`                |
| `"NoFavoriteFlights"`         |
| `"Nomad"`                     |
| `"NoNotification"`            |
| `"NoResults"`                 |
| `"Offline"`                   |
| `"OnlineCheckIn"`             |
| `"OpenSearch"`                |
| `"Parking"`                   |
| `"Pets"`                      |
| `"PlaceholderAirport"`        |
| `"PlaceholderDestination"`    |
| `"PlaceholderHotel"`          |
| `"PlaceholderTours"`          |
| `"PlaneAndMoney"`             |
| `"PriorityBoarding"`          |
| `"Rating"`                    |
| `"ReferAFriend"`              |
| `"RentalCar"`                 |
| `"Seating"`                   |
| `"SpecialAssistance"`         |
| `"SportsEquipment"`           |
| `"Success"`                   |
| `"Time"`                      |
| `"TimelineBoarding"`          |
| `"TimelineDropBaggage"`       |
| `"TimelineLeave"`             |
| `"TimelinePick"`              |
| `"Tours"`                     |
| `"Train"`                     |
| `"TransportBus"`              |
| `"TransportTaxi"`             |