import { j as jsxRuntimeExports, M as Modal, t as twMerge, e as usePHModal, p as useTranslation, i as closePHModal } from "./index-DEuI3Aoa.js";
const buttonStyles = "min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all";
function ConnectUpgradeDriveModal(props) {
  const { body, header, onOpenChange, onContinue, cancelLabel, continueLabel, overlayProps, contentProps, ...restProps } = props;
  return jsxRuntimeExports.jsx(Modal, { contentProps: {
    ...contentProps,
    className: twMerge("rounded-3xl", contentProps?.className)
  }, onOpenChange, overlayProps: {
    ...overlayProps,
    className: overlayProps?.className
  }, ...restProps, children: jsxRuntimeExports.jsxs("div", { className: "w-[400px] p-6 text-slate-300", children: [jsxRuntimeExports.jsx("div", { className: "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800", children: header }), jsxRuntimeExports.jsx("div", { className: "my-6 rounded-md bg-slate-50 p-4 text-center", children: body }), jsxRuntimeExports.jsxs("div", { className: "mt-8 flex justify-between gap-3", children: [jsxRuntimeExports.jsx("button", { className: twMerge(buttonStyles, "flex-1 bg-slate-50 text-slate-800"), onClick: () => onOpenChange?.(false), children: cancelLabel }), jsxRuntimeExports.jsx("button", { className: twMerge(buttonStyles, "flex-1 bg-gray-800 text-gray-50"), onClick: onContinue, children: continueLabel })] })] }) });
}
const UpgradeDriveModal = () => {
  const phModal = usePHModal();
  const open = phModal?.type === "upgradeDrive";
  const driveId = open ? phModal.driveId : void 0;
  const { t } = useTranslation();
  const onContinue = () => {
    console.log("Upgrade drive: ", driveId);
    closePHModal();
  };
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
    ConnectUpgradeDriveModal,
    {
      open,
      onContinue,
      header: t("modals.upgradeDrive.header"),
      body: t("modals.upgradeDrive.body"),
      cancelLabel: t("common.cancel"),
      continueLabel: t("common.continue"),
      onOpenChange: (status) => {
        if (!status) return closePHModal();
      }
    }
  );
};
export {
  UpgradeDriveModal
};
//# sourceMappingURL=UpgradeDriveModal-BXE09s3S.js.map
