@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
109 lines • 3.48 kB
JavaScript
export const getFileBubbleStyleLight = (color, spacing, typography) => {
return {
incomingFileBubbleStyle: {
containerStyle: {
paddingTop: spacing.padding.p3,
paddingHorizontal: spacing.padding.p2,
paddingBottom: spacing.padding.p0,
borderRadius: spacing.radius.r3,
alignSelf: "flex-start",
height: 74,
width: 240,
},
titleStyle: {
color: color.neutral900,
...typography.body.medium,
flexShrink: 1,
maxWidth: "90%",
},
subtitleStyle: {
color: color.neutral600,
...typography.caption2.regular,
},
downloadIconStyle: {
height: 20,
width: 20,
tintColor: color.primary,
},
},
outgoingFileBubbleStyle: {
containerStyle: {
paddingTop: spacing.padding.p3,
paddingHorizontal: spacing.padding.p2,
borderRadius: spacing.radius.r3,
height: 74,
width: 240,
},
titleStyle: {
color: color.staticWhite,
...typography.body.medium,
flexShrink: 1,
maxWidth: "90%",
},
subtitleStyle: {
color: color.staticWhite,
...typography.caption2.regular,
},
downloadIconStyle: {
height: 20,
width: 20,
tintColor: color.staticWhite,
},
},
};
};
export const getFileBubbleStyleDark = (color, spacing, typography) => {
return {
incomingFileBubbleStyle: {
containerStyle: {
paddingTop: spacing.padding.p3,
paddingHorizontal: spacing.padding.p2,
paddingBottom: spacing.padding.p0,
borderRadius: spacing.radius.r3,
alignSelf: "flex-start",
height: 74,
width: 240,
},
titleStyle: {
color: color.neutral900,
...typography.body.medium,
flexShrink: 1,
maxWidth: "90%",
},
subtitleStyle: {
color: color.neutral600,
...typography.caption2.regular,
},
downloadIconStyle: {
height: 20,
width: 20,
tintColor: color.primary,
},
},
outgoingFileBubbleStyle: {
containerStyle: {
paddingTop: spacing.padding.p3,
paddingHorizontal: spacing.padding.p2,
borderRadius: spacing.radius.r3,
height: 74,
width: 240,
},
titleStyle: {
color: color.staticWhite,
...typography.body.medium,
flexShrink: 1,
maxWidth: "90%",
},
subtitleStyle: {
color: color.staticWhite,
...typography.caption2.regular,
},
downloadIconStyle: {
height: 20,
width: 20,
tintColor: color.staticWhite,
},
},
};
};
//# sourceMappingURL=style.js.map