import { j as jsxRuntimeExports, M as Modal, t as twMerge, $ as mergeClassNameProps } 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 ConnectConfirmationModal(props) {
  const { body, header, children, onCancel, onOpenChange, onContinue, cancelLabel, continueLabel, overlayProps, contentProps, bodyProps = {}, headerProps = {}, containerProps = {}, cancelButtonProps = {}, continueButtonProps = {}, buttonContainerProps = {}, ...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", { ...mergeClassNameProps(containerProps, "w-[400px] p-6 text-slate-300"), children: [jsxRuntimeExports.jsx("div", { ...mergeClassNameProps(headerProps, "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800"), children: header }), jsxRuntimeExports.jsxs("div", { ...mergeClassNameProps(bodyProps, "my-6 rounded-md bg-slate-50 p-4 text-center"), children: [body, children] }), jsxRuntimeExports.jsxs("div", { ...mergeClassNameProps(buttonContainerProps, "mt-8 flex justify-between gap-3"), children: [jsxRuntimeExports.jsx("button", { onClick: onCancel, ...mergeClassNameProps(cancelButtonProps, twMerge(buttonStyles, "flex-1 bg-slate-50 text-slate-800")), children: cancelLabel }), jsxRuntimeExports.jsx("button", { onClick: onContinue, ...mergeClassNameProps(continueButtonProps, twMerge(buttonStyles, "flex-1 bg-gray-800 text-gray-50")), children: continueLabel })] })] }) });
}
export {
  ConnectConfirmationModal as C
};
//# sourceMappingURL=confirmation-modal-JaOmXglG.js.map
