@react-form-builder/core/dist/features/validation/components/DefaultErrorMessage.js

React JSON Schema Form Builder to create complex, validated, reusable forms with no deep React knowledge required

import { jsxs as m, jsx as d } from "react/jsx-runtime";
import n from "clsx";
import { useBuilderTheme as v } from "../../../utils/contexts/BuilderThemeContext.js";
import { useAriaErrorMessage as l } from "../../../utils/useAriaAttributesIds.js";
import { addOrUpdateFeatures as p } from "../../define/utils/ComponentFeature.js";
import { cfHideFromComponentPalette as c, cfComponentRole as f } from "../../define/utils/integratedComponentFeatures.js";
import { Model as u } from "../../define/utils/Model.js";
import e from "./DefaultErrorMessage.module.css.js";
const g = ({ children: s, error: r, className: a }) => {
  const i = l(), t = v() === "dark";
  return /* @__PURE__ */ m("div", { className: e.errorContainer, children: [
    s,
    r && /* @__PURE__ */ d("p", { id: i["aria-errormessage"], className: n(a, e.errorMessage, t && e.dark), children: r })
  ] });
}, o = "DefaultErrorMessage", M = p(
  {},
  { name: f, value: "error-message" },
  { name: c, value: !0 }
), y = new u(
  g,
  o,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  o,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  M
);
export {
  y as errorMessageModel
};
//# sourceMappingURL=DefaultErrorMessage.js.map