yeet

modules/navbars/native/components/AnnouncementChannelLurkerBar.tsx

@@ -0,0 +1,37 @@
+// Metro module 10396 (f10397).
+import { View } from "react-native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+import { Button } from "../../../../design/components/Button/native/Button.native";
+import { showChannelFollowingActionSheet } from "../../../channel_following/native/showChannelFollowingActionSheet";
+let useStyles;
+export function AnnouncementChannelLurkerBar(props) {
+  const channel = props.channel;
+  const styles = useStyles();
+  return <View style={styles.wrapper}>
+    <Text style={styles.text} variant="text-sm/medium" color="mobile-text-heading-primary">
+      {intl.string(t.Hl0Mqh)}
+    </Text>
+    <Button onPress={function onPress() {
+      const id = channel.id;
+      const guildId = channel.getGuildId();
+      if (guildId != null) {
+        showChannelFollowingActionSheet(id, guildId);
+      }
+    }} text={intl.string(t["4z5PU1"])} size="sm" variant="secondary" grow />
+  </View>;
+}
+useStyles = createStyles({
+  wrapper: {
+    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
+    padding: 16,
+    paddingTop: 8
+  },
+  text: {
+    textAlign: "center",
+    marginBottom: 8
+  }
+});
+export default AnnouncementChannelLurkerBar;