# 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"`                |
| `"KiwiGuarantee"`       |
| `"KiwiGuaranteeFull"`   |
| `"KiwiGuaranteeInline"` |