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

import { BASIC } from '../_utils/taxonomy'
import { Button, ButtonStatus } from '../button'
import { CheckShieldIcon } from '../icon/checkShieldIcon'
import { InfoIcon } from '../icon/infoIcon'
import { Disclaimer } from './index'

<Meta title={`${BASIC}/Disclaimer`} />

# Disclaimer

provide information that don’t need a bigger emphasis

### Short Text with icon

<Canvas>
  <Story name="Icon">
    <Disclaimer icon={<InfoIcon />}>
      <span>
        Some short disclaimer and&nbsp;
        <Button status={ButtonStatus.UNSTYLED} href="#">
          link
        </Button>
      </span>
    </Disclaimer>
  </Story>
</Canvas>

### Long Text with icon

<Canvas>
  <Story name="LongText">
    <Disclaimer icon={<CheckShieldIcon />}>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed utrum hortandus es nobis, Luci,
      inquit, an etiam tua sponte propensus es? Ego autem tibi, Piso, assentior usu hoc venire, ut
      acrius aliquanto et attentius de claris viris locorum admonitu cogitemus. Sed vobis voluptatum
      perceptarum recordatio vitam beatam facit, et quidem corpore perceptarum. Re mihi non aeque
      satisfacit, et quidem locis pluribus. Videmusne ut pueri ne verberibus quidem a contemplandis
      rebus perquirendisque deterreantur?
    </Disclaimer>
  </Story>
</Canvas>

### Not a Caption

<Canvas>
  <Story name="NoCaption">
    <Disclaimer isCaption={false}>
      Some short text disclaimer, not styled as a caption
    </Disclaimer>
  </Story>
</Canvas>

### Deprecated Help URL

<Canvas>
  <Story name="Deprecated">
    <Disclaimer deprecatedHelpUrl="http://google.fr">
      Some disclaimer with help button icon.
    </Disclaimer>
  </Story>
</Canvas>

## Specifications

> Behavior

Use it to provide information that don’t need a bigger emphasis, like legal disclaimers (with or
without links), footnotes or timestamps.

> Long texts

There’s no limitation on the number of lines.

## Usage

```jsx
import { Disclaimer } from '@blablacar/ui-library/build/disclaimer'

<Disclaimer useInfoIcon>My disclaimer text here</Disclaimer>
```

<ArgsTable of={Disclaimer} />