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

<Meta title="Components/Elements/Emoticon" component={Emoticon} />

# Emoticon

The Emoticon renders multicolor SVG icons.

<Canvas>
  <Story name="default">
    <div>
      <Emoticon
        name="reaction-happy"
        withAnimation={boolean('withAnimation', false)}
      />
      <br />
      <Emoticon
        name="reaction-sad"
        withAnimation={boolean('withAnimation', false)}
      />
      <br />
      <Emoticon
        name="reaction-okay"
        withAnimation={boolean('withAnimation', false)}
      />
    </div>
  </Story>
</Canvas>

#### Reference

- **Designer**: Jared
- **Engineering**: Juan Pablo
- **Usage**: HSApp, Docs

<br />
<br />

### Props

<ArgsTable of={Emoticon} />
