@livelike/react-native
Version:
LiveLike React Native package
37 lines • 848 B
JavaScript
import React from 'react';
import { StyleSheet, View } from 'react-native';
import { useStyles } from '../../hooks';
export function LLChatMessageMenu(_ref) {
let {
visible,
styles: stylesProp,
children
} = _ref;
const menuStyles = useStyles({
componentStylesFn: getChatMessageMenuStyles,
stylesProp
});
if (!visible) {
return null;
}
return /*#__PURE__*/React.createElement(View, {
style: menuStyles.menuContainer
}, children);
}
const getChatMessageMenuStyles = _ref2 => {
let {
theme
} = _ref2;
return StyleSheet.create({
menuContainer: {
position: 'absolute',
top: 5,
right: 5,
flexDirection: 'column',
paddingHorizontal: 10,
backgroundColor: theme.popoverBackground,
borderRadius: 8
}
});
};
//# sourceMappingURL=LLChatMessageMenu.js.map