@aappddeevv/dynamics-client-ui
Version:
## What is it? A library to help you create great dynamics applications.
45 lines • 1.41 kB
JavaScript
;
// Copied from: https://github.com/Riglerr/react-native-hr/blob/master/src/index.js
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const R = require("ramda");
exports.defaultStyles = {
line: {
flex: "auto",
height: 1,
backgroundColor: 'black'
},
text: {
display: "inline-block",
flex: "none",
textAlign: 'center',
marginLeft: 15,
marginRight: 15,
},
root: {
display: "flex",
flexDirection: 'row',
alignItems: 'center',
marginLeft: 8,
marginRight: 8
}
};
const renderLine = (key, props) => (React.createElement("div", { key: key, style: props }));
const renderText = (key, text, props) => (React.createElement("div", { key: key, style: props },
React.createElement("span", null, text)));
/**
* Use textStyle.order: -1 to shift label to left and then you may want
* to adjust margins.
*/
exports.Hr = (props) => {
const s = R.mergeDeepRight(exports.defaultStyles, props.styles ? props.styles : {});
return (React.createElement("div", { style: s.root }, props.text ?
[
renderLine("1", s.line),
renderText("2", props.text, s.text),
renderLine("3", s.line)
] :
renderLine("1", s.line)));
};
exports.default = exports.Hr;
//# sourceMappingURL=Hr.js.map