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

<Meta title="Utilities/UI Interactive/ChatScroller" component={ChatScroller} />

# ChatScroller

A ChatScroller component is light-weight wrapper automatically scrolls a Chat body UI based on event chats (with consideration for range and scroll offsets). It is recommended that Scrollable is a child Component (not necessary direct child).

<Canvas>
  <Story name="default">
    <Default />
  </Story>
</Canvas>

#### Reference

- **Engineering**: Juan Pablo
- **Usage**: Beacon2, ChatApp

<br />
<br />

### Props

<ArgsTable of={ChatScroller} />
