react-web-native-sketch
Version:
[TODO: We need an overview of how this can be used via npm vs as a local package]
61 lines • 2.07 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var __1 = require("../../");
var styles = function () { return ({
touchable: {
flex: 1,
},
containerLeft: {
flexDirection: 'row',
height: __1.appTheme.inputHeight,
justifyContent: 'space-between',
flex: 1,
flexShrink: 0,
alignItems: 'center',
},
containerTop: {
flexDirection: 'column',
justifyContent: 'space-between',
flex: 1,
},
leftLabel: {
fontWeight: '500',
flexGrow: 1,
flexShrink: 0,
},
topLabel: {
marginBottom: -10,
color: __1.appTheme.primaryColor,
},
error: {
marginTop: -5,
zIndex: 0,
color: __1.appTheme.errorColor
},
topValue: {
borderBottomColor: __1.appTheme.primaryColor,
borderBottomWidth: 1,
color: '#000',
marginTop: 4,
marginBottom: 4,
paddingTop: 12,
},
leftValue: {
fontWeight: '500',
fontSize: 15,
flexGrow: 1,
flexShrink: 0,
}
}); };
var CTextInputContainer = function (_a) {
var classes = _a.classes, error = _a.error, labelPositionLeft = _a.labelPositionLeft, onPress = _a.onPress, title = _a.title, value = _a.value;
return (React.createElement(__1.Touchable, { onPress: onPress, style: classes.touchable },
React.createElement(__1.View, { style: labelPositionLeft ? classes.containerLeft : classes.containerTop },
React.createElement(__1.Text, { style: labelPositionLeft ? classes.leftLabel : classes.topLabel }, title),
React.createElement(__1.Text, { style: labelPositionLeft ? classes.leftValue : classes.topValue }, value)),
!!error && React.createElement(__1.Text, { style: classes.error }, error)));
};
var componentName = 'TextInputContainer';
exports.TextInputContainer = __1.createStyles(styles, componentName)(CTextInputContainer);
//# sourceMappingURL=TextInputContainer.native.js.map