import { FormErrorAlertSvg as e } from "../../../icons/FormErrorAlertSvg.js";
import { formError as t, icon as n, message as r } from "./formError.css.js";
import "react";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
//#region src/atomic/molecules/form_error/FormError.tsx
var o = ({ children: o, ...s }) => o == null ? null : /* @__PURE__ */ a("div", {
	className: t,
	role: "alert",
	...s,
	children: [/* @__PURE__ */ i("span", {
		className: n,
		children: /* @__PURE__ */ i(e, {
			width: 16,
			height: 16
		})
	}), /* @__PURE__ */ i("div", {
		className: r,
		children: o
	})]
});
//#endregion
export { o as FormError };

//# sourceMappingURL=FormError.js.map