@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
47 lines • 1.97 kB
JavaScript
import { StyleSheet } from "react-native";
export const getStatusIndicatorStyles = (color, spacing, typography) => {
return StyleSheet.create({
containerStyleOnline: {
position: "absolute",
end: spacing.spacing.s0,
bottom: spacing.spacing.s0,
height: spacing.spacing.s3 + spacing.spacing.s0_5,
width: spacing.spacing.s3 + spacing.spacing.s0_5,
borderRadius: spacing.radius.max,
borderWidth: spacing.spacing.s0_5,
borderColor: color.background1,
backgroundColor: color.success,
justifyContent: "center",
alignItems: "center",
},
containerStylePrivate: {
position: "absolute",
end: spacing.spacing.s0,
bottom: spacing.spacing.s0,
height: spacing.spacing.s3 + spacing.spacing.s0_5,
width: spacing.spacing.s3 + spacing.spacing.s0_5,
borderRadius: spacing.radius.max,
borderWidth: spacing.spacing.s0_5,
borderColor: color.background1,
backgroundColor: color.success,
justifyContent: "center",
alignItems: "center",
},
containerStyleProtected: {
position: "absolute",
end: spacing.spacing.s0,
bottom: spacing.spacing.s0,
height: spacing.spacing.s3 + spacing.spacing.s0_5,
width: spacing.spacing.s3 + spacing.spacing.s0_5,
borderRadius: spacing.radius.max,
borderWidth: spacing.spacing.s0_5,
borderColor: color.background1,
justifyContent: "center",
alignItems: "center",
backgroundColor: color.warning,
},
imageStylePrivate: { width: spacing.spacing.s2, height: spacing.spacing.s2 },
imageStyleProtected: { width: spacing.spacing.s2, height: spacing.spacing.s2 },
});
};
//# sourceMappingURL=styles.js.map