import { jsx as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
/* empty css                */
import s from "classnames";
import { Icon as d } from "../../Icon/Icon.js";
const t = ({ id: e, errorMessage: i, testId: o, withTopMargin: a }) => /* @__PURE__ */ r("div", { className: s("adyen-pe-field-error", { "adyen-pe-field-error--with-top-margin": a }), id: e, "data-testid": o, children: [
  /* @__PURE__ */ r(d, { name: "cross-circle-fill", className: "adyen-pe-field-error__icon" }),
  /* @__PURE__ */ r("span", { className: "adyen-pe-field-error__message", children: i })
] });
export {
  t as FieldError
};
