import { action } from '@storybook/addon-actions';
import type { ComponentMeta, ComponentStory } from '@storybook/react';
import React from 'react';

import GenericModal, { GenericModalDoNotAskAgain } from './GenericModal';

export default {
	title: 'Components/GenericModal',
	component: GenericModal,
	subcomponents: { GenericModalDoNotAskAgain },
	args: {
		children: 'This is the content.',
	},
	parameters: {
		layout: 'fullscreen',
		controls: { hideNoControlsWarning: true },
		actions: { argTypesRegex: '^on.*' },
	},
} as ComponentMeta<typeof GenericModal>;

export const Example: ComponentStory<typeof GenericModal> = () => (
	<GenericModal
		title='Oh Myyy!'
		variant='warning'
		confirmText='Yay'
		cancelText='Nay'
		onConfirm={action('onConfirm')}
		onCancel={action('onCancel')}
		onClose={action('onClose')}
	>
		The quick brown fox jumps over the lazy dog.
	</GenericModal>
);

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

export const Info = Template.bind({});
Info.args = { variant: 'info' };

export const Danger = Template.bind({});
Danger.args = { variant: 'danger' };

export const Warning = Template.bind({});
Warning.args = { variant: 'warning' };

export const Success = Template.bind({});
Success.args = { variant: 'success' };

export const WithDontAskAgain: ComponentStory<typeof GenericModalDoNotAskAgain> = (args) => <GenericModalDoNotAskAgain {...args} />;
WithDontAskAgain.args = {
	dontAskAgain: {
		action: 'action',
		label: 'label',
	},
};