shelving/ui/form/FormMessage.js

Toolkit for using data in JavaScript.

import { jsx as _jsx } from "react/jsx-runtime";
import { useStore } from "../../react/useStore.js";
import { Message } from "../notice/Message.js";
import { requireForm } from "./FormContext.js";
/** Show the "main" message for the form as a `<Message>` */
export function FormMessage(props) {
    const message = useStore(requireForm().messages).get("");
    if (!message)
        return null;
    return (_jsx(Message, { status: "error", ...props, children: message }));
}