import { jsxs as a, jsx as r } from "react/jsx-runtime";
import o from "../../components/FilterError/filterError.module.css";
import { Icon as m } from "../Icon/Icon.es.js";
import { EIconName as e } from "../Icon/constants.es.js";
import { Typography as n } from "../Typography/Typography.es.js";
import { Button as c } from "../Button/Button.es.js";
const u = ({ text: t, onClearAllFilters: i }) => /* @__PURE__ */ a("div", { className: o.root, children: [
  /* @__PURE__ */ r(m, { name: e.ALERT_ERROR_FILL }),
  /* @__PURE__ */ r(n, { defaultVariant: "headingLg", mobileVariant: "headingMd", className: o.text, children: t }),
  /* @__PURE__ */ r("div", { className: o.buttonWrapper, children: /* @__PURE__ */ r(c, { onClick: i, variant: "muted", size: "md", prefixIcon: e.SEARCH, children: "clear search" }) })
] });
export {
  u as FilterError
};
