import { action } from '@storybook/addon-actions'
import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs/blocks'
import { EDITORIAL } from '../_utils/taxonomy'
import { SpecialOffer } from './index'
# **SpecialOffer**
## Specifications
This component should be use to represent one Special Offer (also called a Good
Deal).
Note that there is two variants: you can use link or button actions (0, 1 or 2)
## Usage
```jsx
import { SpecialOffer } from '@blablacar/ui-library/build/specialOffer'
```
To create a SpecialOffer without any CTAs:
```jsx
```
To create a SpecialOffer with links as CTAs, pass links properties to the `actions` props (1 or 2 links)
```jsx
```
To create a SpecialOffer with buttons as CTAs, pass buttons properties to `actions` props (1 or 2 buttons)
```jsx
```
You can also provide one optional informational link
```jsx
```