import React from 'react'

import { ComponentStory, ComponentMeta } from '@storybook/react'

import { Modal } from '../components'

export default {
  title: 'Components/Modal',
  component: Modal
} as ComponentMeta<typeof Modal>

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

export const Element = Template.bind({})

Element.args = {
  children: 'Modal Content',
  icon: 'question-circle',
  title: 'Modal Title',
  width: 'w-3/4',
  visible: true
}
