import { jsx as e, jsxs as l } from "react/jsx-runtime";
import { pb4 as c, alignItemsCenter as d, dFlexColumn as a } from "./index-general.module.js";
import { classNames as p } from "./index-classNames.js";
import { ComponentContainer as f } from "./index-ComponentContainer.js";
import { Modal as h } from "./index-Modal.js";
import { ModalBody as x } from "./index-ModalBody.js";
import { ModalFooter as g } from "./index-ModalFooter.js";
import { ModalHeader as u } from "./index-ModalHeader.js";
import { Text as i, FontWeights as s, TextTypes as m } from "./index-Text.js";
import "react";
const P = (o) => {
  const {
    close: y,
    title: n,
    message: t,
    ctaPositive: r
  } = o;
  return e(f, {
    children: l(h, {
      ...o,
      className: "success-modal",
      width: "640px",
      children: [e(u, {
        type: "success",
        children: e(i, {
          type: m.heading4,
          fontWeight: s.bold,
          children: n
        })
      }), e(x, {
        children: typeof t == "string" ? e("div", {
          className: p(a, d, c),
          children: e(i, {
            type: m.textIntro,
            textAlign: "center",
            fontWeight: s.medium,
            children: t
          })
        }) : t
      }), r && e(g, {
        positive: r,
        buttonsPosition: "center"
      })]
    })
  });
};
export {
  P as SuccessModal
};
