import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Modal } from "@powerhousedao/design-system";
import { twMerge } from "tailwind-merge";
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";
export function ConnectUpgradeDriveModal(props) {
    const { body, header, onOpenChange, onContinue, cancelLabel, continueLabel, overlayProps, contentProps, ...restProps } = props;
    return (_jsx(Modal, { contentProps: {
            ...contentProps,
            className: twMerge("rounded-3xl", contentProps?.className),
        }, onOpenChange: onOpenChange, overlayProps: {
            ...overlayProps,
            className: overlayProps?.className,
        }, ...restProps, children: _jsxs("div", { className: "w-[400px] p-6 text-slate-300", children: [_jsx("div", { className: "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800", children: header }), _jsx("div", { className: "my-6 rounded-md bg-slate-50 p-4 text-center", children: body }), _jsxs("div", { className: "mt-8 flex justify-between gap-3", children: [_jsx("button", { className: twMerge(buttonStyles, "flex-1 bg-slate-50 text-slate-800"), onClick: () => onOpenChange?.(false), children: cancelLabel }), _jsx("button", { className: twMerge(buttonStyles, "flex-1 bg-gray-800 text-gray-50"), onClick: onContinue, children: continueLabel })] })] }) }));
}
//# sourceMappingURL=upgrade-drive-modal.js.map