import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { Modal as c } from "./index-Modal.js";
import { ModalBody as l } from "./index-ModalBody.js";
import { ModalFooter as m } from "./index-ModalFooter.js";
import { ModalHeader as h } from "./index-ModalHeader.js";
import { Text as t, TextTypes as u, FontWeights as p } from "./index-Text.js";
import "react";
import f from "./index-AIBudgetEnd.module.scss.js";
const T = (i) => {
  const {
    close: o,
    positiveCtaText: n = "Ok, I understand",
    firstParagraph: s = "Your subscription gives you a certain amount of AI usage each month, which is meant to meet the needs of most businesses. You've now hit your current AI usage cap.",
    secondParagraph: a = "Don't worry—this limit is reset every month, allowing you to continue using our AI features.",
    title: d = "Monthly AI limit reached"
  } = i;
  return r(c, {
    maxWidth: "672px",
    modalPosition: "center",
    children: [e(h, {
      type: "info",
      closeFn: o,
      children: e(t, {
        fontWeight: p.bold,
        type: u.heading4,
        children: d
      })
    }), r(l, {
      className: f.modalBody,
      children: [e("div", {
        children: e(t, {
          textAlign: "center",
          children: s
        })
      }), e("div", {
        children: e(t, {
          textAlign: "center",
          children: a
        })
      })]
    }), e(m, {
      showTopBorder: !0,
      buttonsPosition: "center",
      positive: {
        cta: () => {
          o({
            isOk: !0
          });
        },
        text: n
      }
    })]
  });
};
export {
  T as AIBudgetEnd
};
