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

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

export default meta;

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

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

Default.args = {
  onConfirm: () => console.log('onConfirm'),
  onClose: () => console.log('onClose'),
  message: 'Do you want to proceed ?',
};
