import ModalWindow from './modal-window.vue'
import DefaultButton from '../buttons/DefaultButton.vue'

export default {
  title: 'The Design system/Modal window',
  component: ModalWindow,
  tags: ['autodocs'],
  args: {
    isOpen: true,
    slots: {
      head: 'Деактивировать матрицу?',
      body: <div>Вы действительно хотите деактивировать выбранную матрицу?</div>,
      footer: () => [
        <DefaultButton label='Отмена' type='secondary' />,
        <DefaultButton label='Деактивировать' type='critical' isError={false} />,
      ],
    },
    onClose: () => console.log('closed'),
  },
}

const Template = (args) => ({
  props: Object.keys(args),
  render() {
    return (
      <div>
        <ModalWindow { ...args } />
      </div>
    )
  },
})

export const Primary = Template.bind({})