@livelike/react-native
Version:
LiveLike React Native package
63 lines (62 loc) • 1.78 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LLEndWidgetUIPhaseLabel = LLEndWidgetUIPhaseLabel;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _hooks = require("../../hooks");
var _types = require("../../types");
var _LLText = require("../LLText");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const WidgetUIPhaseLabel = {
[_types.WidgetUIPhase.INTERACTIVE_TIMED_OUT]: 'Timed out',
[_types.WidgetUIPhase.EXPIRED]: 'Expired'
};
function LLEndWidgetUIPhaseLabel(_ref) {
let {
widgetId,
styles: stylesProp
} = _ref;
const widgetUIPhase = (0, _hooks.useWidgetUIPhase)({
widgetId
});
const isEndWidgetUIPhase = (0, _hooks.useIsEndWidgetUIPhase)({
widgetId
});
const labelStyles = (0, _hooks.useStyles)({
componentStylesFn: getEndWidgetUIPhaseLabelStyles,
stylesProp
});
if (!isEndWidgetUIPhase) {
return undefined;
}
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: labelStyles.container
}, /*#__PURE__*/_react.default.createElement(_LLText.LLText, {
style: labelStyles.label
}, WidgetUIPhaseLabel[widgetUIPhase]));
}
const getEndWidgetUIPhaseLabelStyles = _ref2 => {
let {
theme
} = _ref2;
return _reactNative.StyleSheet.create({
container: {
width: 120,
height: 22,
marginRight: 16,
marginBottom: 16,
backgroundColor: theme.incorrect,
justifyContent: 'center',
alignItems: 'center'
},
label: {
textAlignVertical: 'center',
fontSize: 12,
lineHeight: 14,
color: theme.correctIncorrectText
}
});
};
//# sourceMappingURL=LLEndWidgetUIPhaseLabel.js.map