import React from 'react';
import SortableList from '../..';

export default {
  title: 'SortableList',
  component: SortableList,
};

export const Simple = () => (
  <SortableList
    dataHook="sortable-list"
    items={[
      {
        id: '0',
        text: 'Item 0',
      },
      {
        id: '1',
        text: 'Item 1',
      },
      {
        id: '2',
        text: 'Item 2',
      },
      {
        id: '3',
        text: 'Item 3',
      },
      {
        id: '4',
        text: 'Item 4',
      },
    ]}
    renderItem={({ id, item }: any) => (
      <div data-hook={`item-${id}`}>
        {item.text}
      </div>
    )}
    onDrop={()=>{}}
  />
);