import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
import {
  IShopModalProps,
  ShopModal,
} from '../../../components/ShopModal/ShopModal';

const meta: Meta = {
  title: 'UI/Modals/Shop Modal',
  component: ShopModal,
};

export default meta;

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

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

Default.args = {
  onClose: () => console.log('onClose'),
  url: 'https://www.patreon.com/DefinyaMMORPG/shop',
};
