import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs/blocks'

import { EDITORIAL } from '../_utils/taxonomy'
import { Button } from '../button'
import { SpacingDivider, SpacingDividerSize } from '../divider/spacingDivider'
import { BaseSection as Section } from '../layout/section/baseSection'
import { SubHeader } from '../subHeader'
import { Text } from '../text'
import { MarketingMessage } from './index'

<Meta title={`${EDITORIAL}/MarketingMessage`} />

# **MarketingMessage**

<Canvas>
  <Story name="MarketingMessage">
    <Section>
      <MarketingMessage>
        <SubHeader>Marketing message title</SubHeader>
        <Text>
          This is a simple multiline marketing message.{' '}
          {'Long content. '.repeat(50)}
        </Text>
        <SpacingDivider size={SpacingDividerSize.LARGE} />
        <div style={{ textAlign: 'center' }}>
          <Button>Marketing button</Button>
        </div>
      </MarketingMessage>
    </Section>
  </Story>
</Canvas>

## Specifications

## Usage

```jsx
import { MarketingMessage } from '@blablacar/ui-library/build/marketingMessage'

<MarketingMessage />
```

<ArgsTable of={MarketingMessage} />