import { t as Title_default } from "./Title2.js";
import { t as Highlighter_default } from "./Highlighter.js";
import classNames from "classnames";
import { jsx, jsxs } from "react/jsx-runtime";
import styles from "./components/Panel/PanelTitle/styles.module.scss";
var PanelTitle = (props) => {
	const { testId, icon, badge, title, titleMarkup = "h3", highlightText } = props;
	return /* @__PURE__ */ jsxs("div", {
		className: classNames(styles["paneltitle"], { [styles["paneltitle--has-icon"]]: icon }),
		"data-testid": testId,
		children: [icon && /* @__PURE__ */ jsx("div", {
			className: styles["paneltitle__icon"],
			children: icon
		}), title && /* @__PURE__ */ jsxs("div", {
			className: styles["paneltitle__title"],
			children: [/* @__PURE__ */ jsx(Title_default, {
				appearance: "title3",
				htmlMarkup: titleMarkup,
				children: /* @__PURE__ */ jsx(Highlighter_default, {
					searchText: highlightText,
					children: title
				})
			}), badge && /* @__PURE__ */ jsx("div", {
				className: styles["paneltitle__badge"],
				children: badge
			})]
		})]
	});
};
var PanelTitle_default$1 = PanelTitle;
export { PanelTitle_default$1 as t };

//# sourceMappingURL=PanelTitle.js.map