import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from "react";
import { ConnectReplaceDuplicateModal } from "./replace-duplicate-modal.js";
const meta = {
    title: "Connect/Components/Modal/Replace Duplicate Modal",
    component: ConnectReplaceDuplicateModal,
    parameters: {
        layout: "centered",
    },
};
export default meta;
function ModalWrapper(args) {
    const [open, setOpen] = useState(true);
    return (_jsxs("div", { children: [_jsx("button", { onClick: () => setOpen(true), className: "rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600", children: "Open Modal" }), _jsx(ConnectReplaceDuplicateModal, { ...args, open: open, onOpenChange: setOpen, onReplace: () => {
                    console.log("Replace clicked");
                    setOpen(false);
                }, onDuplicate: () => {
                    console.log("Duplicate clicked");
                    setOpen(false);
                } })] }));
}
export const Default = {
    render: (args) => _jsx(ModalWrapper, { ...args }),
    args: {
        fileName: "document.pdf",
    },
};
export const WithoutFileName = {
    render: (args) => _jsx(ModalWrapper, { ...args }),
    args: {},
};
export const CustomMessage = {
    render: (args) => _jsx(ModalWrapper, { ...args }),
    args: {
        fileName: "report.docx",
        message: "This file already exists. What would you like to do?",
    },
};
export const CustomLabels = {
    render: (args) => _jsx(ModalWrapper, { ...args }),
    args: {
        fileName: "image.png",
        replaceLabel: "Overwrite",
        duplicateLabel: "Keep Both",
    },
};
//# sourceMappingURL=replace-duplicate-modal.stories.js.map