import { Story } from '@storybook/react';
import React from 'react';
import Modal, { ModalProps } from '../components/Modal/Modal';

export default {
  title: 'Components / Modal',
  component: Modal,
};

const Template: Story<ModalProps> = (args) => <Modal {...args} />;

export const Default = Template.bind({});
Default.args = {
  show: true,
  children: <h1>I'm the content of the modal</h1>,
  closeCb: () => alert('close clicked'),
  title: 'Modal Heading',
  showCloseButton: true,
};