/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/forms/common/InputError.tsx
var InputError = ({ errors, name, className = "text-red-500" }) => {
	const errorMessage = errors?.[name]?.message;
	if (!errorMessage) return null;
	return /* @__PURE__ */ jsx("label", {
		htmlFor: name,
		role: "alert",
		className,
		children: errorMessage
	});
};
//#endregion
export { InputError };

//# sourceMappingURL=InputError.js.map