import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../..';
import { MarketplaceRows } from '../../../components/Marketplace/MarketplaceRows';
import atlasJSON from '../../../mocks/atlas/items/items.json';
import atlasIMG from '../../../mocks/atlas/items/items.png';
import { items } from '../../../mocks/itemContainer.mocks';

const meta: Meta = {
  title: 'Features/Marketplace/MarketplaceRows',
  component: MarketplaceRows,
};

export default meta;

const Template: Story = () => (
  <RPGUIRoot>
    <MarketplaceRows
      atlasIMG={atlasIMG}
      atlasJSON={atlasJSON}
      itemPrice={10}
      item={items[0]}
    />
  </RPGUIRoot>
);

export const Default = Template.bind({});
