@nodeject/ui-components
Version:
UI library for non-trivial components
32 lines (31 loc) • 1.69 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import * as React from 'react';
import * as styles from './Align.module.less';
export var AlignLeftRight = function (props) {
var className = props.className, left = props.left, leftStyle = props.leftStyle, right = props.right, rightStyle = props.rightStyle, style = props.style;
return (React.createElement("div", __assign({}, props, { className: styles.alignLeftRight + " " + className, style: style }),
React.createElement("div", { style: leftStyle }, left),
React.createElement("div", { style: rightStyle }, right)));
};
export var HorizontalList = function (props) {
var list = props.list;
return (React.createElement("div", { className: styles.horizontalList },
React.createElement("ul", null, list.map(function (c, index) { return (React.createElement("li", { key: index }, c)); }))));
};
export var AlignTopBottom = function (props) {
var bottomContent = props.bottomContent, topContent = props.topContent;
return (React.createElement("div", { className: styles.alignTopBottom },
React.createElement("div", { className: styles.alignCenter }, topContent),
React.createElement("div", { className: styles.bottom },
React.createElement("div", { className: styles.alignCenter }, bottomContent))));
};