react-native-chating-ui-kit
Version:
CometChat React Native UI Kit is a collection of custom UI Components designed to build text , chat and calling features in your application. The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly
72 lines • 1.98 kB
JavaScript
//@ts-ignore
import { StyleSheet } from 'react-native';
export const Styles = (props) => StyleSheet.create({
containerStyle: {
backgroundColor: props.backgroundColor || 'rgba(20, 20, 20, 0.04)',
maxHeight: props.height || 114,
width: props.width || 228,
padding: 8,
},
rowStyle: {
flexDirection: 'row',
},
titleStyle: {
opacity: 1,
color: props.titleColor || 'rgba(20,20,20,1)',
...(props.titleFont || {
fontFamily: undefined,
fontSize: 15,
fontWeight: '500',
}),
fontStyle: 'normal',
letterSpacing: -0.1,
textAlign: 'left',
lineHeight: 20,
},
subtitleStyle: {
opacity: 1,
color: props.subTitleColor || 'rgba(20,20,20,0.58)',
...(props.subTitleFont || {
fontFamily: undefined,
fontSize: 13,
fontWeight: '400',
}),
fontStyle: 'normal',
letterSpacing: -0.1,
textAlign: 'left',
lineHeight: 18,
},
imageContainerStyle: {
padding: 8,
},
imageStyle: {
opacity: 1,
tintColor: props.iconTint || 'rgba(20, 20, 20, 0.69)',
height: 24,
width: 24,
},
buttonViewStyle: {
justifyContent: 'center',
alignItems: 'center',
margin: 8,
backgroundColor: props.buttonBackgroundColor || 'rgba(20, 20, 20, 0.04)',
},
dividerStyle: {
height: 1,
backgroundColor: props.dividerTint || 'rgba(20, 20, 20, 0.1)',
},
linkStyle: {
opacity: 1,
color: props.buttonTextColor || 'rgba(51,153,255,1)',
...(props.buttonTextFont || {
fontFamily: undefined,
fontSize: 17,
fontWeight: '500',
}),
fontStyle: 'normal',
letterSpacing: -0.1,
textAlign: 'center',
lineHeight: 22,
},
});
//# sourceMappingURL=styles.js.map