import { ComponentMeta, ComponentStory } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../..';
import { SocialModal } from '../../../components/SocialModal/SocialModal';

export default {
  title: 'UI/Social/SocialModal',
  component: SocialModal,
  parameters: {
    layout: 'centered',
  },
} as ComponentMeta<typeof SocialModal>;

const Template: ComponentStory<typeof SocialModal> = args => (
  <RPGUIRoot>
    <SocialModal {...args} />
  </RPGUIRoot>
);

export const Default: ComponentStory<typeof SocialModal> = Template.bind({});
Default.args = {
  onClose: () => console.log('Modal closed'),
};
