import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Modal } from "@powerhousedao/design-system";
import { twMerge } from "tailwind-merge";
import { AddLocalDriveForm, } from "../../form/add-local-drive-form.js";
import { AddRemoteDriveForm, } from "../../form/add-remote-drive-form.js";
import { TabContent } from "../../tabs/tab-content.js";
import { Tabs } from "../../tabs/tabs.js";
export function AddDriveModal(props) {
    function handleCancel() {
        onOpenChange(false);
    }
    const { open, onOpenChange, onAddRemoteDrive, onAddLocalDrive, requestPublicDrive, modalProps, containerProps, } = props;
    return (_jsx(Modal, { ...modalProps, overlayProps: {
            className: "items-start pt-[15vh]",
        }, contentProps: {
            className: "rounded-2xl",
        }, onOpenChange: onOpenChange, open: open, children: _jsx("div", { ...containerProps, className: twMerge("w-[408px] rounded-2xl p-6", containerProps?.className), children: _jsxs(Tabs, { defaultValue: "Create Drive", children: [_jsx(TabContent, { label: "Create Drive", description: "Create a new drive", children: _jsx(AddLocalDriveForm, { onCancel: handleCancel, onSubmit: onAddLocalDrive, appOptions: props.appOptions }) }), _jsx(TabContent, { label: "Add Drive", description: "Add a drive", children: _jsx(AddRemoteDriveForm, { sharingType: "PUBLIC", onSubmit: onAddRemoteDrive, onCancel: handleCancel, requestPublicDrive: requestPublicDrive }) })] }) }) }));
}
//# sourceMappingURL=add-drive-modal.js.map