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

import { BASIC } from '../_utils/taxonomy'
import { Avatar } from './index'

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

# Avatar

<Canvas>
  <Story name="Default">
    <Avatar
      image="//placehold.it/80x80"
      alt="alternative text"
      isIdChecked={false}
      unreadNotificationsCount="1"
      unreadNotificationsCountAriaLabel="1"
      isSmall={false}
      isLarge={false}
      isMedium={false}
    />
  </Story>
</Canvas>

## Specifications

...

## Usage

```jsx
import { Avatar } from '@blablacar/ui-library/build/avatar'

<Avatar
  image="//placehold.it/80x80"
  alt="alternative text"
  isIdChecked={false}
  unreadNotificationsCount="1"
  unreadNotificationsCountAriaLabel="1"
  isSmall={false}
  isLarge={false}
  isMedium={false}
/>
```

<ArgsTable of={Avatar} />