@open-formulieren/formio-builder
Version:
An opinionated Formio webform builder for Open Forms
12 lines (11 loc) • 1.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_intl_1 = require("react-intl");
const formio_1 = require("../../components/formio");
const formio_2 = require("../../components/formio");
const Preview = ({ component }) => {
const { key, label, description, tooltip } = component;
return ((0, jsx_runtime_1.jsxs)(formio_2.FieldSet, Object.assign({ field: key, label: label, tooltip: tooltip }, { children: [(0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.bsn`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'H9I1Lx', defaultMessage: [{ type: 0, value: "BSN" }] }), value: "123456788", disabled: true }), (0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.firstNames`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: '1U0I5C', defaultMessage: [{ type: 0, value: "Firstnames" }] }), value: "Alan", disabled: true }), (0, jsx_runtime_1.jsx)(formio_2.TextField, { name: `${key}.dateOfBirth`, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: '96yhxP', defaultMessage: [{ type: 0, value: "Date of birth" }] }), value: "2000-08-09", disabled: true }), description && (0, jsx_runtime_1.jsx)(formio_1.Description, { text: description })] })));
};
exports.default = Preview;