import { StoryObj, Meta } from '@storybook/react';

import { DragAndDropList } from '@/components';
import { DRAG_AND_DROP_ATTRIBUTES_DATA, DRAG_AND_DROP_TRAITS_DATA } from '@/stories/drag-and-drop/DragAndDrop.data';

const meta: Meta<typeof DragAndDropList> = {
  component: DragAndDropList,
};

export default meta;

type TStory = StoryObj<typeof DragAndDropList>;

export const ListBase: TStory = {
  args: {
    className: 'space-y-2',
    initialItems: DRAG_AND_DROP_ATTRIBUTES_DATA,
  },
};

export const ListWithItems: TStory = {
  args: {
    initialItems: DRAG_AND_DROP_TRAITS_DATA,
    className: 'bg-white space-y-2.5 pr-0',
  },
};