# DestinationHeader

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

```jsx
import DestinationHeader from "@kiwicom/orbit-components/lib/DestinationHeader";
```

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

```jsx
<DestinationHeader image="dubai_ae" destinationCity="Dubai" />
```

## Props

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

| Name            | Type          | Default  | Description                                                                  |
| :-------------- | :------------ | :------- | :--------------------------------------------------------------------------- |
| dataTest        | `string`      |          | Optional prop for testing purposes.                                          |
| destinationCity | `Translation` |          | The name of the destination.                                                 |
| image           | `string`      |          | The image name of the destination. [See Functional specs](#functional-specs) |
| onGoBack        | `() => void / | Promise` |                                                                              | Function for handling onGoBack event. |

## Functional specs

- You don't have to pass entire src of the image. Just `dubai_ae`, `paris_fr` etc. is enough.