import { cx as e } from "../../../theme/tools.js";
import { FormErrorAlertSvg as t } from "../../../icons/FormErrorAlertSvg.js";
import { formError as n, icon as r, message as i } from "./formError.css.js";
import "react";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region src/atomic/molecules/form_error/FormError.tsx
var s = ({ children: s, message: c, actions: l, className: u, id: d }) => {
	let f = c ?? s;
	return f == null || f === "" ? null : /* @__PURE__ */ o("div", {
		id: d,
		className: e(n, u),
		role: "alert",
		"aria-live": "assertive",
		children: [
			/* @__PURE__ */ a("span", {
				className: r,
				children: /* @__PURE__ */ a(t, {
					width: 16,
					height: 16,
					"aria-hidden": "true"
				})
			}),
			/* @__PURE__ */ a("div", {
				className: i,
				children: f
			}),
			l
		]
	});
};
//#endregion
export { s as FormError };

//# sourceMappingURL=FormError.js.map