import { cx as e } from "../../../theme/tools.js";
import { ModalCloseSvg as t } from "../../../icons/ModalCloseSvg.js";
import { actions as n, closeButton as r, container as i, content as a, description as o, title as s, toneRecipe as c } from "./inlineBanner.css.js";
import { jsx as l, jsxs as u } from "react/jsx-runtime";
import { useTranslation as d } from "react-i18next";
//#region src/backoffice/molecules/inline_banner/InlineBanner.tsx
var f = ({ tone: f = "info", title: p, children: m, actions: h, onDismiss: g, dismissLabel: _, className: v }) => {
	let { t: y } = d("ui"), b = typeof g == "function", x = _ ?? y("backoffice.inlineBanner.dismiss"), S = "status";
	f === "danger" && (S = "alert");
	let C = null;
	p != null && (C = /* @__PURE__ */ l("div", {
		className: s,
		children: p
	}));
	let w = null;
	m != null && (w = /* @__PURE__ */ l("div", {
		className: o,
		children: m
	}));
	let T = null;
	return b && (T = /* @__PURE__ */ l("button", {
		type: "button",
		onClick: g,
		className: r,
		"aria-label": x,
		children: /* @__PURE__ */ l(t, {
			width: 18,
			height: 18,
			"aria-hidden": "true"
		})
	})), /* @__PURE__ */ u("div", {
		className: e(i, c({ tone: f }), v),
		role: S,
		children: [/* @__PURE__ */ u("div", {
			className: a,
			children: [C, w]
		}), /* @__PURE__ */ u("div", {
			className: n,
			children: [h, T]
		})]
	});
};
//#endregion
export { f as InlineBanner, f as default };

//# sourceMappingURL=InlineBanner.js.map