import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon, Modal } from "@powerhousedao/design-system";
import { twMerge } from "tailwind-merge";
import { Divider } from "../divider/divider.js";
import { AddRemoteDriveForm, } from "../form/add-remote-drive-form.js";
export function AddRemoteDriveModal(props) {
    const { open, onOpenChange, onSubmit, sharingType, modalProps, containerProps, requestPublicDrive, } = props;
    function handleCancel() {
        onOpenChange(false);
    }
    return (_jsx(Modal, { ...modalProps, contentProps: {
            className: "rounded-2xl",
        }, onOpenChange: onOpenChange, open: open, children: _jsxs("div", { ...containerProps, className: twMerge("min-w-[408px] max-w-[408px] rounded-2xl p-6", containerProps?.className), children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("h1", { className: "text-xl font-bold", children: "Add drive" }), _jsx("button", { className: "flex size-8 items-center justify-center rounded-md bg-gray-100 text-gray-500 outline-none hover:text-gray-900", onClick: handleCancel, tabIndex: -1, children: _jsx(Icon, { name: "XmarkLight", size: 24 }) })] }), _jsx(Divider, { className: "my-4" }), _jsx(AddRemoteDriveForm, { onCancel: handleCancel, onSubmit: onSubmit, requestPublicDrive: requestPublicDrive, sharingType: sharingType })] }) }));
}
//# sourceMappingURL=add-remote-drive-modal.js.map