import { jsxs as d, jsx as e } from "react/jsx-runtime";
import a from "../../components/Benefit/benefit.module.css";
import { Typography as r } from "../Typography/Typography.es.js";
function m({ title: t, description: n, button: i }) {
  return /* @__PURE__ */ d("div", { className: a.benefit, children: [
    /* @__PURE__ */ e(r, { as: "h3", defaultVariant: "headingMd", mobileVariant: "headingSm", children: t }),
    /* @__PURE__ */ e(r, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyXs", children: n }),
    i && /* @__PURE__ */ e("div", { className: a.textButton, children: i })
  ] });
}
export {
  m as Benefit
};
