import React, { useState } from "react";
import ModalDialog from "./index.js";
import Button from "../button";
import PropTypes from "prop-types";
export default {
title: "Components/ModalDialog",
component: ModalDialog,
parameters: {
docs: {
description: {
component: "ModalDialog is used for displaying modal dialogs",
},
},
},
argTypes: {
onOk: { action: "onOk" },
},
};
const Template = ({ onOk, ...args }) => {
const [isVisible, setIsVisible] = useState(false);
const openModal = () => setIsVisible(true);
const closeModal = () => setIsVisible(false);
return (
<>
Change password
Send the password change instruction to the{" "}
asc@story.book email address
123
>
);
};
Template.propTypes = {
onOk: PropTypes.func,
};
export const Default = Template.bind({});
Default.args = {
displayType: "aside",
displayTypeDetailed: {
desktop: "aside",
tablet: "aside",
smallTablet: "modal",
mobile: "aside",
},
};