@focuson/form_components/dist/src/guardsAndMessageTitleLayout.js

Components that can be used by @focuson/forms

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.GuardsAndMessageTitleLayout = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const pages_1 = require("@focuson/pages");
function GuardsAndMessageTitleLayout({ children, state, messages, defaultMessage, messageClassName }) {
    const validMessages = messages.filter(([guard, message]) => guard.length === 0)
        .map(([guard, message], i) => (0, jsx_runtime_1.jsx)("p", { className: messageClassName, dangerouslySetInnerHTML: { __html: (0, pages_1.replaceTextUsingPath)(state, message) } }, i));
    return validMessages.length > 0 ? (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'guardandmessages' }, { children: [validMessages, children] })) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: defaultMessage }); // what about unique keys?
}
exports.GuardsAndMessageTitleLayout = GuardsAndMessageTitleLayout;