import { j as jsxRuntimeExports } from "./axios-CtZC5suc.js";
import { B as Button } from "./Button-EYkrjKtF.js";
import { s as styles } from "./Modal.module-DGyFH04d.js";
const Modal = ({
title,
children,
onCancel,
...props
}) => {
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.modal, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.dialog, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: title }),
/* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => onCancel && onCancel(), className: styles.close, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fa-solid fa-xmark" }) }),
children
] }) });
};
export {
Modal as M
};
//# sourceMappingURL=Modal-lnQ9_4fs.js.map