import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useArgs } from "@storybook/preview-api";
import { DriveSettingsModal } from "./drive-settings-modal.js";
const meta = {
    title: "Connect/Components/Drive Settings Modal",
    component: DriveSettingsModal,
};
export default meta;
export const Default = {
    args: {
        drive: {
            header: {
                id: "1",
                name: "Drive 1",
            },
        },
        onChangeAvailableOffline() { },
        onRenameDrive() { },
        onChangeSharingType() { },
        onDeleteDrive() { },
        onOpenChange() { },
        sharingType: "LOCAL",
        availableOffline: true,
        open: true,
    },
    render: function Wrapper(args) {
        const [, setArgs] = useArgs();
        return (_jsxs("div", { className: "grid size-full place-items-center", children: [_jsx("button", { className: "rounded-lg bg-red-500 p-4 text-white", onClick: () => {
                        setArgs({
                            ...args,
                            modalProps: {
                                ...args.modalProps,
                                open: true,
                            },
                        });
                    }, children: "Open Modal" }), _jsx(DriveSettingsModal, { ...args, modalProps: {
                        ...args.modalProps,
                        onOpenChange: (open) => {
                            setArgs({
                                ...args,
                                modalProps: {
                                    ...args.modalProps,
                                    open,
                                },
                            });
                        },
                    } })] }));
    },
};
//# sourceMappingURL=drive-settings-modal.stories.js.map