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