@payfit/unity-components/dist/esm/components/form-field/parts/TanstackFormFeedbackText.js

import { Text as e } from "../../text/Text.js";
import { useFieldContext as t } from "../../../hooks/tanstack-form-context.js";
import { useFieldA11yContext as n } from "../TanstackFormField.context.js";
import { forwardRef as r } from "react";
import { jsx as i } from "react/jsx-runtime";
import { useSelector as a } from "@tanstack/react-store";
//#region src/components/form-field/parts/TanstackFormFeedbackText.tsx
var o = r((r, o) => {
	let s = t(), c = n(), { errors: l, invalid: u, isTouched: d } = a(s.store, (e) => ({
		errors: e.meta.errors,
		invalid: !e.meta.isValid,
		isTouched: e.meta.isTouched
	}));
	return !d || !u || l.length === 0 ? null : /* @__PURE__ */ i(e, {
		"data-dd-privacy": "allow",
		...r,
		ref: o,
		id: c.feedbackTextId || r.id,
		role: "alert",
		"data-unity-slot": "form-feedback-text",
		variant: "bodySmallStrong",
		color: "content.form.invalid",
		asElement: "span",
		children: typeof l[0] == "object" && "message" in l[0] ? l[0].message : l[0]
	});
});
o.displayName = "TanstackFormFeedbackText";
//#endregion
export { o as TanstackFormFeedbackText };