import { Meta, StoryFn, StoryObj } from '@storybook/react';

import Dialog from './Dialog.tsx';
import { useState } from 'react';
import Button from '../Button/Button.tsx';

const meta: Meta<typeof Dialog> = {
  component: Dialog,
  title: 'Molecules/Dialog',
  tags: ['autodocs'],
};

export default meta;

const Template: StoryFn<typeof Dialog> = (args) => {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <div>
      <Button onClick={() => setIsOpen(true)}>Open Modal</Button>
      <Dialog {...args} isOpen={isOpen} onClose={() => setIsOpen(false)}>
        {args.children}
      </Dialog>
    </div>
  );
};

type Story = StoryObj<typeof Dialog>;

export const Default: Story = Template.bind({});
Default.args = {
  title: 'Text Heading',
  body: 'Body text',
};

export const Delete: Story = Template.bind({});
Delete.args = {
  onOk: () => alert('Удалено'),
  title: 'Удалить профессию?',
  body: 'Вы уверены, что хотите редактировать профессию «Комплектовщик» в объекте «ВПРОК Вешки»?',
  buttonOkText: 'Удалить',
  buttonOkIsDanger: true,
};