@livelike/react-native
Version:
LiveLike React Native package
40 lines • 1.01 kB
JavaScript
import React, { useCallback } from 'react';
import { StyleSheet, TouchableOpacity, Image } from 'react-native';
import { useStyles } from '../../hooks';
export const LLReactionPickerItem = _ref => {
let {
reaction,
styles: stylesProp,
onPress
} = _ref;
const reactionItemStyles = useStyles({
componentStylesFn: getReactionItemStyles,
stylesProp
});
const onItemPress = useCallback(() => {
onPress(reaction.id);
}, [onPress]);
return /*#__PURE__*/React.createElement(TouchableOpacity, {
onPress: onItemPress,
accessibilityLabel: "Reaction item"
}, /*#__PURE__*/React.createElement(Image, {
style: reactionItemStyles.reactionIcon,
source: {
uri: reaction.file
}
}));
};
const getReactionItemStyles = _ref2 => {
let {
theme
} = _ref2;
return StyleSheet.create({
reactionIcon: {
height: 22,
width: 22,
marginHorizontal: 8,
marginVertical: 10
}
});
};
//# sourceMappingURL=LLReactionPickerItem.js.map