import React from 'react';
import type { Meta, StoryObj } from '@storybook/react-vite';

import { Button, Modal } from '../index';

const meta: Meta<typeof Modal.Footer> = {
  title: 'UI kit/Modal/ModalFooter',
  component: Modal.Footer,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof Modal.Footer>;

export const Default: Story = {
  args: {
    children: ({ secondaryButtonProps, actionButtonProps }) => (
      <>
        <Button {...secondaryButtonProps}>Cancel</Button>
        <Button {...actionButtonProps}>Save</Button>
      </>
    ),
  },
};

export const FooterWithSecondaryButtonsOnly: Story = {
  args: {
    children: ({ secondaryButtonProps }) => (
      <Button {...secondaryButtonProps} onClick={() => {}}>
        Close
      </Button>
    ),
  },
};