[Gekidou MM-43992] Display message priority labels for the posts (#6620)

* Displays label

* feedback

* import fix

* Moved label colors to stylesheet

app/components/post_priority/post_priority_label.tsx

@@ -0,0 +1,67 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import React from 'react';
+import {useIntl} from 'react-intl';
+import {StyleProp, StyleSheet, Text, View, ViewStyle} from 'react-native';
+
+import CompassIcon from '@components/compass_icon';
+import {PostPriorityTypes} from '@constants/post';
+import {typography} from '@utils/typography';
+
+const style = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        borderRadius: 4,
+        alignItems: 'center',
+        height: 16,
+        paddingHorizontal: 4,
+    },
+    urgent: {
+        backgroundColor: '#D24B4E',
+    },
+    important: {
+        backgroundColor: '#5D89EA',
+    },
+    label: {
+        color: '#fff',
+        ...typography('Body', 25, 'SemiBold'),
+    },
+    icon: {
+        color: '#fff',
+        fontSize: 12,
+        marginRight: 4,
+    },
+});
+
+type Props = {
+    label: string;
+};
+
+const PostPriorityLabel = ({label}: Props) => {
+    const intl = useIntl();
+
+    const containerStyle: StyleProp<ViewStyle> = [style.container];
+    let iconName = '';
+    let labelText = '';
+    if (label === PostPriorityTypes.URGENT) {
+        containerStyle.push(style.urgent);
+        iconName = 'alert-outline';
+        labelText = intl.formatMessage({id: 'post_priority.label.urgent', defaultMessage: 'URGENT'});
+    } else {
+        containerStyle.push(style.important);
+        iconName = 'alert-circle-outline';
+        labelText = intl.formatMessage({id: 'post_priority.label.important', defaultMessage: 'IMPORTANT'});
+    }
+    return (
+        <View style={containerStyle}>
+            <CompassIcon
+                name={iconName}
+                style={style.icon}
+            />
+            <Text style={style.label}>{labelText}</Text>
+        </View>
+    );
+};
+
+export default PostPriorityLabel;