@livelike/react-native
Version:
LiveLike React Native package
39 lines • 919 B
JavaScript
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { useStyles } from '../../hooks';
import { LLText } from '../LLText';
export function LLChatHeader(_ref) {
let {
title,
styles: stylesProp
} = _ref;
const headerStyles = useStyles({
componentStylesFn: getChatHeaderStyles,
stylesProp
});
return /*#__PURE__*/React.createElement(View, {
style: headerStyles.headerContainer
}, /*#__PURE__*/React.createElement(LLText, {
style: headerStyles.headerTitle
}, title));
}
const getChatHeaderStyles = _ref2 => {
let {
theme
} = _ref2;
return StyleSheet.create({
headerContainer: {
display: 'flex',
flexDirection: 'row',
padding: 12
},
headerTitle: {
alignSelf: 'center',
fontSize: 16,
textAlign: 'center',
flex: 1,
color: theme.text
}
});
};
//# sourceMappingURL=LLChatHeader.js.map