milligrami
Version:
Milligram React wrapper
29 lines • 1.52 kB
JavaScript
;
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
t[p[i]] = s[p[i]];
return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const util_1 = require("./util");
/**
*
*/
exports.Row = (xProps) => {
const { rowWrap, rowNoPadding, rowTop, rowBottom, rowCenter, rowStretch, rowBaseline, className } = xProps, props = __rest(xProps, ["rowWrap", "rowNoPadding", "rowTop", "rowBottom", "rowCenter", "rowStretch", "rowBaseline", "className"]);
const cn = (className ? `${className} ` : "") + "row" +
(util_1.isUndefinedOrFalse(rowWrap) ? "" : " row-wrap") +
(util_1.isUndefinedOrFalse(rowNoPadding) ? "" : " row-no-padding") +
(util_1.isUndefinedOrFalse(rowTop) ? "" : " row-top") +
(util_1.isUndefinedOrFalse(rowBottom) ? "" : " row-bottom") +
(util_1.isUndefinedOrFalse(rowCenter) ? "" : " row-center") +
(util_1.isUndefinedOrFalse(rowStretch) ? "" : " row-stretch") +
(util_1.isUndefinedOrFalse(rowBaseline) ? "" : " row-baseline");
return (React.createElement("div", Object.assign({}, Object.assign({ className: cn }, props))));
};
//# sourceMappingURL=row.js.map