import { Meta, Canvas, Props } from '@storybook/addon-docs/blocks';
import SortableViews from './SortableViews';

<Meta title="Components/UI/SortableViews" component={SortableViews} />

# SortableViews

<Canvas>
  <SortableViews
    views={[
      { id: 45, label: "Jade's view", isDefault: true },
      { id: 5436, label: 'Reorder' },
      { id: 242, label: 'Bestsellers' },
      { id: 513, label: 'New arrivals' },
      { id: 2, label: 'Sale' },
      { id: 6, label: 'Dead stock' },
      { id: 89, label: 'Spring' },
      { id: 4, label: 'Summer' },
      { id: 674, label: 'Autumn' },
      { id: 31, label: 'Winter' },
      { id: 27, label: 'T-shirts' },
    ]}
  />
</Canvas>

## Usage

```jsx
import { VeeqoUI } from '@veeqo/components';
const { SortableViews } = VeeqoUI;

<SortableViews
  views={[
    { id: 5436, label: 'Reorder' },
    { id: 242, label: 'Bestsellers' },
    { id: 513, label: 'New arrivals' },
  ])
/>
```

## Props

<Props of={SortableViews} />