"use client";
import { jsxs as a, jsx as e } from "react/jsx-runtime";
import o from "../../pageComponents/Banner/banner.module.css";
import { Typography as i } from "../../components/Typography/Typography.es.js";
import { TextButton as l } from "../../components/TextButton/TextButton.es.js";
import { Icon as n } from "../../components/Icon/Icon.es.js";
import { EIconName as s } from "../../components/Icon/constants.es.js";
const N = ({ content: m, button: r, onClose: t }) => /* @__PURE__ */ a("section", { className: o.root, children: [
  /* @__PURE__ */ e(i, { className: o.content, defaultVariant: "labelMd", mobileVariant: "labelSm", children: m }),
  r && /* @__PURE__ */ e(l, { as: "a", size: "sm", href: r.link, children: r.text }),
  t && /* @__PURE__ */ e("div", { className: o.close, role: "button", onClick: t, children: /* @__PURE__ */ e(n, { name: s.CLOSE }) })
] });
export {
  N as Banner
};
