UNPKG

@rohitninawe/chat-uikit-react-native

Version:

Ready-to-use Chat UI Components for React Native

74 lines 2.02 kB
//@ts-ignore import { StyleSheet } from 'react-native'; export const Styles = (props) => StyleSheet.create({ containerStyle: { backgroundColor: props.backgroundColor || 'transparent', maxHeight: props.height || 114, width: props.width || 228, padding: 8, paddingBottom: 0 }, 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, marginBottom: 0, 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