@livelike/react-native
Version:
LiveLike React Native package
53 lines (52 loc) • 1.48 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LLWidgetHeaderDismissIcon = LLWidgetHeaderDismissIcon;
var _react = _interopRequireDefault(require("react"));
var _hooks = require("../../hooks");
var _reactNative = require("react-native");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function LLWidgetHeaderDismissIcon(_ref) {
let {
onDismiss,
styles: stylesProp
} = _ref;
const {
themeAssets
} = (0, _hooks.useTheme)();
const styles = (0, _hooks.useStyles)({
componentStylesFn: getDismissIconStyles,
stylesProp
});
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.container
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
onPress: () => onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(),
style: styles.imageContainer
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
source: themeAssets.close,
style: styles.image
})));
}
const getDismissIconStyles = _ref2 => {
let {
theme
} = _ref2;
return _reactNative.StyleSheet.create({
container: {
display: 'flex',
flex: 1,
height: '100%'
},
imageContainer: {
justifyContent: 'flex-start',
alignSelf: 'flex-end'
},
image: {
width: 16,
height: 16
}
});
};
//# sourceMappingURL=LLWidgetHeaderDismissIcon.js.map