# ServiceLogo

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

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

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

```jsx
<ServiceLogo name="Visa" size="large" />
```

## Props

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

| Name      | Type            | Default    | Description                              |
| :-------- | :-------------- | :--------- | :--------------------------------------- |
| dataTest  | `string`        |            | Optional prop for testing purposes.      |
| id        | `string`        |            | Set `id` for `ServiceLogo`               |
| grayScale | `boolean`       |            | If `true`, logo will be in gray scale.   |
| **name**  | [`enum`](#enum) |            | The name for the displayed service logo. |
| size      | [`enum`](#enum) | `"medium"` | The size of the displayed service logo.  |

### enum

| code                | size       |
| :------------------ | :--------- |
| `"AirHelp"`         | `"small"`  |
| `"Alipay"`          | `"medium"` |
| `"Amex"`            | `"large"`  |
| `"Axa"`             |
| `"AxaAssistance"`   |
| `"Booking"`         |
| `"BusinessInsider"` |
| `"ChinaUnionPay"`   |
| `"DailyExpress"`    |
| `"DinersClub"`      |
| `"Discover"`        |
| `"Elo"`             |
| `"JCB"`             |
| `"MailOnline"`      |
| `"Maestro"`         |
| `"MasterCard"`      |
| `"MIR"`             |
| `"Mirror"`          |
| `"NewYorkTimes"`    |
| `"NortonSecured"`   |
| `"PayPal"`          |
| `"RentalCars"`      |
| `"Sofort"`          |
| `"TravelPulse"`     |
| `"Trustly"`         |
| `"UsaToday"`        |
| `"Visa"`            |
| `"VisaHQ"`          |
| `"Zooz"`            |