import { Meta, Story } from "@storybook/react";
import React from "react";
import { Dialog, DialogProps } from "./Dialog";

export default {
	title: "Components/Dialog",
	component: Dialog,
} as Meta;

const Template: Story<DialogProps> = (args) => (
	<Dialog {...args}>Hey there!</Dialog>
);

export const Primary = Template.bind({});

Primary.args = {
	isOpen: true,
	title: "Title",
	size: "md",
	closeButton: true,
	hasCloseIcon: true,
	closeLabel: "Close",
	saveLabel: "Save",
	onClose: () => console.log("Close"),
	onSave: () => console.log("Save"),
};