json-joy
Version:
Collection of libraries for building collaborative editing apps.
33 lines • 855 B
JavaScript
import * as React from 'react';
import { theme, rule } from 'nano-theme';
const blockClass = rule({
// pad: 0,
mar: 0,
pad: '6px 0 10px',
// '&+&': {
// pad: '16px 0 0',
// },
});
const titleClass = rule({
...theme.font.ui2.bold,
fz: '12.8px',
lh: '1.4em',
w: '100%',
pad: '2px 0 6px',
mar: 0,
});
const descriptionClass = rule({
...theme.font.ui2.mid,
fz: '12px',
op: 0.75,
w: '100%',
pad: '8px 0 0',
mar: 0,
});
export const FormRow = ({ title, description, children }) => {
return (React.createElement("div", { className: blockClass },
!!title && React.createElement("div", { className: titleClass }, title),
children,
!!description && React.createElement("div", { className: descriptionClass }, description)));
};
//# sourceMappingURL=FormRow.js.map