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

<Meta of={PreloaderStories} />

# Preloader

<br />

## `Preloaders` are used to indicate to the user that some data is being loaded.

<br />

### Default

<Canvas>
  <Story of={PreloaderStories.Default} />
</Canvas>

## Usage Example

```jsx
import Preloader from '@appdirect/sfb-theme-components/src/atoms/preloader/Preloader';

<Preloader isLoading />
```

## Props

<ArgsTable of={Preloader} />
