import { Meta, Story, Canvas } from '@storybook/addon-docs';
import VideoStorageMeter from '../index';

<Meta
  title="Packages/VideoPress/Video Storage Meter"
  component={VideoStorageMeter}
/>

# VideoStorageMeter
Component that shows cloud storage usage.

<Canvas withSource="open">
  <Story id="packages-videopress-video-storage-meter--default" />
</Canvas>

## API

### total

- type: `number`

The total available cloud space for the user, in bytes.

### used

- type: `number`

The used cloud space, in bytes.

### className

- type: `string`

Optional classname to apply to the root element.

### progressBarClassName

- type: `string`

* Optional classname to apply to the progress bar element.
