import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../..';
import {
  IItemQuantitySelectorProps,
  ItemQuantitySelector,
} from '../../../components/Item/Inventory/ItemQuantitySelector';

const meta: Meta = {
  title: 'UI/Dropdowns & Selectors/Item Quantity Selector',
  component: ItemQuantitySelector,
};

export default meta;

const Template: Story<IItemQuantitySelectorProps> = args => (
  <RPGUIRoot>
    <ItemQuantitySelector {...args} />
  </RPGUIRoot>
);

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

Default.args = {
  quantity: 10,
};
