import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
import { twMerge } from "tailwind-merge";
export const SettingsModalOld = (props) => {
    const { body, title, onSave, children, saveLabel, cancelLabel, overlayProps, contentProps, onOpenChange, ...restProps } = props;
    return (_jsx(Modal, { contentProps: {
            ...contentProps,
            className: twMerge("rounded-2xl", contentProps?.className),
        }, onOpenChange: onOpenChange, overlayProps: {
            ...overlayProps,
            className: twMerge("top-10", overlayProps?.className),
        }, ...restProps, children: _jsxs("div", { className: "w-[432px] p-4 text-gray-900", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("h1", { className: "text-center text-xl font-bold", children: title }), _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: () => onOpenChange?.(false), children: _jsx(Icon, { name: "XmarkLight", size: 24 }) })] }), _jsx("div", { className: "mt-8 flex min-h-[50px] items-center justify-center rounded-md bg-slate-50 p-3 text-xs font-medium text-gray-600", children: body }), _jsx("div", { className: "mt-4 flex flex-col gap-y-4", children: children }), _jsxs("div", { className: "mt-4 flex justify-end gap-x-4", children: [_jsx(PowerhouseButton, { className: "text-gray-900", color: "light", onClick: () => onOpenChange?.(false), children: cancelLabel }), _jsx(PowerhouseButton, { onClick: onSave, children: saveLabel })] })] }) }));
};
//# sourceMappingURL=settings-modal.js.map