@open-formulieren/formio-builder
Version:
An opinionated Formio webform builder for Open Forms
10 lines (9 loc) • 1.41 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FormattedMessage } from 'react-intl';
import { Description } from '../../components/formio';
import { FieldSet, TextField } from '../../components/formio';
const Preview = ({ component }) => {
const { key, label, description, tooltip } = component;
return (_jsxs(FieldSet, Object.assign({ field: key, label: label, tooltip: tooltip }, { children: [_jsx(TextField, { name: `${key}.bsn`, label: _jsx(FormattedMessage, { id: 'hkXaC1', defaultMessage: [{ type: 0, value: "BSN" }] }), value: "123456788", disabled: true }), _jsx(TextField, { name: `${key}.initials`, label: _jsx(FormattedMessage, { id: '/kZu2e', defaultMessage: [{ type: 0, value: "Initials" }] }), value: "J", disabled: true }), _jsx(TextField, { name: `${key}.affixes`, label: _jsx(FormattedMessage, { id: 'M2+MHj', defaultMessage: [{ type: 0, value: "Affixes" }] }), value: "Van", disabled: true }), _jsx(TextField, { name: `${key}.lastname`, label: _jsx(FormattedMessage, { id: 'JKnHMC', defaultMessage: [{ type: 0, value: "Lastname" }] }), value: "Deniston", disabled: true }), _jsx(TextField, { name: `${key}.dateOfBirth`, label: _jsx(FormattedMessage, { id: 'ZYWsHs', defaultMessage: [{ type: 0, value: "Date of birth" }] }), value: "2000-08-09", disabled: true }), description && _jsx(Description, { text: description })] })));
};
export default Preview;