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

import { SECTIONS } from '../../../_utils/taxonomy'
import { Button } from '../../../button'
import { Paragraph } from '../../../paragraph'
import { BottomSection } from './index'

<Meta title={`${SECTIONS}/BottomSection`} />

# **BottomSection**

<Canvas>
  <Story name="Default">
    <div>
      <Paragraph>Nulla facilisi. Phasellus imperdiet felis urna, efficitur aliquam nulla auctor eget. Nulla ut tortor vel dolor scelerisque fermentum. Duis ex mauris, imperdiet mattis libero ac, sollicitudin efficitur purus. Pellentesque euismod, elit ut pharetra luctus, risus risus mollis leo, et efficitur nisl nisi quis massa. Sed vitae metus ipsum. Mauris at lorem arcu. Etiam sodales pretium dignissim.</Paragraph>
      <Paragraph>Aliquam id elit sit amet nulla commodo semper id sed lectus. Sed mi nisi, condimentum vitae nulla ut, suscipit feugiat dui. Maecenas ac consectetur magna, eget consectetur nibh. Maecenas quis accumsan turpis. Suspendisse id accumsan dolor, nec elementum elit. Morbi congue mi a tortor rhoncus, id convallis elit iaculis. Duis dictum mi nisl, sed elementum lorem bibendum id. Duis egestas metus vitae ipsum interdum vulputate.</Paragraph>
      <Paragraph>Nulla facilisi. Phasellus imperdiet felis urna, efficitur aliquam nulla auctor eget. Nulla ut tortor vel dolor scelerisque fermentum. Duis ex mauris, imperdiet mattis libero ac, sollicitudin efficitur purus. Pellentesque euismod, elit ut pharetra luctus, risus risus mollis leo, et efficitur nisl nisi quis massa. Sed vitae metus ipsum. Mauris at lorem arcu. Etiam sodales pretium dignissim.</Paragraph>
      <Paragraph>Aliquam id elit sit amet nulla commodo semper id sed lectus. Sed mi nisi, condimentum vitae nulla ut, suscipit feugiat dui. Maecenas ac consectetur magna, eget consectetur nibh. Maecenas quis accumsan turpis. Suspendisse id accumsan dolor, nec elementum elit. Morbi congue mi a tortor rhoncus, id convallis elit iaculis. Duis dictum mi nisl, sed elementum lorem bibendum id. Duis egestas metus vitae ipsum interdum vulputate.</Paragraph>
      <Paragraph>Nulla facilisi. Phasellus imperdiet felis urna, efficitur aliquam nulla auctor eget. Nulla ut tortor vel dolor scelerisque fermentum. Duis ex mauris, imperdiet mattis libero ac, sollicitudin efficitur purus. Pellentesque euismod, elit ut pharetra luctus, risus risus mollis leo, et efficitur nisl nisi quis massa. Sed vitae metus ipsum. Mauris at lorem arcu. Etiam sodales pretium dignissim.</Paragraph>
      <Paragraph>Aliquam id elit sit amet nulla commodo semper id sed lectus. Sed mi nisi, condimentum vitae nulla ut, suscipit feugiat dui. Maecenas ac consectetur magna, eget consectetur nibh. Maecenas quis accumsan turpis. Suspendisse id accumsan dolor, nec elementum elit. Morbi congue mi a tortor rhoncus, id convallis elit iaculis. Duis dictum mi nisl, sed elementum lorem bibendum id. Duis egestas metus vitae ipsum interdum vulputate.</Paragraph>
      <Paragraph>Nulla facilisi. Phasellus imperdiet felis urna, efficitur aliquam nulla auctor eget. Nulla ut tortor vel dolor scelerisque fermentum. Duis ex mauris, imperdiet mattis libero ac, sollicitudin efficitur purus. Pellentesque euismod, elit ut pharetra luctus, risus risus mollis leo, et efficitur nisl nisi quis massa. Sed vitae metus ipsum. Mauris at lorem arcu. Etiam sodales pretium dignissim.</Paragraph>
      <Paragraph>Aliquam id elit sit amet nulla commodo semper id sed lectus. Sed mi nisi, condimentum vitae nulla ut, suscipit feugiat dui. Maecenas ac consectetur magna, eget consectetur nibh. Maecenas quis accumsan turpis. Suspendisse id accumsan dolor, nec elementum elit. Morbi congue mi a tortor rhoncus, id convallis elit iaculis. Duis dictum mi nisl, sed elementum lorem bibendum id. Duis egestas metus vitae ipsum interdum vulputate.</Paragraph>
      <BottomSection>
        <Button>Submit</Button>
      </BottomSection>
    </div>
  </Story>
</Canvas>

## Specifications

## Usage

```jsx
import { BottomSection } from '@blablacar/ui-library/build/layout/section/bottomSection'

<BottomSection>
  <Button></Button>
</BottomSection>
```

<ArgsTable of={BottomSection} />