import { jsx as e, jsxs as i } from "react/jsx-runtime";
import a from "../../../../modules/ThreeCardsWithHero/components/TransparentCard/transparentCard.module.css";
import { Typography as r } from "../../../../components/Typography/Typography.es.js";
const c = ({ title: n, description: t, number: o }) => /* @__PURE__ */ e("div", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
  /* @__PURE__ */ i("div", { className: a.topContainer, children: [
    /* @__PURE__ */ e(r, { defaultVariant: "headingSm", children: n }),
    /* @__PURE__ */ e(r, { className: a.number, defaultVariant: "headingXxs", children: `(0${o})` })
  ] }),
  /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ e(r, { className: a.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: t }) })
] }) });
export {
  c as TransparentCard
};
