shelving/ui/form/Field.js

Toolkit for using data in JavaScript.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Message } from "../notice/Message.js";
import styles from "./Field.module.css";
/** A `<Field>` wraps around a form control/input, to shows a small `<label>` above it. */
export function Field({ title, description, message, children }) {
    return (_jsxs("label", { className: styles.field, children: [(title || description) && (_jsxs("div", { children: [title ? _jsx("div", { className: styles.title, children: title }) : null, description && _jsx("div", { className: styles.description, children: description })] })), children, message && (_jsx(Message, { status: "error", right: true, children: message }))] }));
}