import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import Modal from '../components/Ui/modal/Modal';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'UI elements / Modal',
  component: Modal,
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {
   
  },
} as ComponentMeta<typeof Modal>;

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

export const BasicModal = Template.bind({});
BasicModal.args = {
  header: 'Modal Header',
  size: 'medium',
  show: true
};

export const FullModal  = Template.bind({});
FullModal.args = {
  fullWidth: true,
  header: 'Modal Header',
  show: true
};

