nice-ui
Version:
React design system, components, and utilities
35 lines (34 loc) • 974 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormRow = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
pad: 0,
mar: 0,
'&+&': {
pad: '16px 0 0',
},
});
const titleClass = (0, nano_theme_1.rule)({
...nano_theme_1.theme.font.ui2.bold,
fz: '14px',
w: '100%',
pad: '4px 0 10px',
mar: 0,
});
const descriptionClass = (0, nano_theme_1.rule)({
...nano_theme_1.theme.font.ui2.mid,
fz: '12px',
op: 0.75,
w: '100%',
pad: '8px 0 0',
mar: 0,
});
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)));
};
exports.FormRow = FormRow;