import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import ButtonPageScroll from '../ButtonPageScroll';
import * as ButtonPageScrollStories from './ButtonPageScroll.stories';

<Meta of={ButtonPageScrollStories} />

# ButtonPageScroll

<br />

## `ButtonPageScrolls` are used to scroll at a different section of the page.

<br />

### Scroll to top

<Canvas>
  <Story of={ButtonPageScrollStories.ScrollToTop} />
</Canvas>

### Scroll to bottom

<Canvas>
  <Story of={ButtonPageScrollStories.ScrollToBottom} />
</Canvas>

### Hidden text

<Canvas>
  <Story of={ButtonPageScrollStories.HiddenText} />
</Canvas>

## Usage Example

```jsx
import ButtonPageScroll from '@appdirect/sfb-theme-components/src/atoms/button-page-scroll/ButtonPageScroll';

<ButtonPageScroll text="Back to top" direction="top" />
```

## Props

<ArgsTable of={ButtonPageScroll} />
