@livelike/react-native
Version:
LiveLike React Native package
58 lines (57 loc) • 1.49 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LLAlertWidgetDetail = LLAlertWidgetDetail;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _hooks = require("../../hooks");
var _LLText = require("../LLText");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function LLAlertWidgetDetail(_ref) {
let {
text,
imageUrl,
styles: stylesProp
} = _ref;
const styles = (0, _hooks.useStyles)({
componentStylesFn: getAlertWidgetDetailStyles,
stylesProp
});
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.container
}, !!text && /*#__PURE__*/_react.default.createElement(_LLText.LLText, {
style: styles.text
}, text), !!imageUrl && /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
source: {
uri: imageUrl
},
style: styles.image,
resizeMode: "contain"
}));
}
const getAlertWidgetDetailStyles = _ref2 => {
let {
theme
} = _ref2;
return _reactNative.StyleSheet.create({
container: {
display: 'flex',
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
width: '100%'
},
text: {
flex: 2,
fontSize: 12,
color: theme.text
},
image: {
flex: 1,
maxWidth: 100,
height: 70
}
});
};
//# sourceMappingURL=LLAlertWidgetDetail.js.map