// Metro module 10929 (f10930).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import FastImage from "../../../../components_native/common/FastImage";
import { getPublicSystemMessageAvatar } from "../../PublicGuildsUtils";
import { Icon } from "../../../../design/void/native";
import Module10930 from "../../../../_bundle/Module10930";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
const useStyles = createStyles({
  content: {
    padding: 16
  },
  avatar: {
    borderRadius: Module712.radii.lg,
    height: 80,
    width: 80,
    marginVertical: 16
  },
  nameWrapper: {
    flexDirection: "row",
    alignItems: "center"
  },
  headerText: {
    marginLeft: 8
  },
  description: {
    marginTop: 8
  }
});
export default function PublicGuildAnnouncementProfile() {
  const styles = useStyles();
  return <BottomSheet startExpanded>
    <View style={styles.content}>
      <FastImage style={styles.avatar} source={getPublicSystemMessageAvatar()} />
      <View style={styles.nameWrapper}>
        <Icon source={Module10930} disableColor />
        <Text style={styles.headerText} variant="heading-xl/extrabold" color="mobile-text-heading-primary">
          {intl.string(t.xfAlNx)}
        </Text>
      </View>
      <Text style={styles.description} variant="text-sm/medium" color="text-default">
        {intl.string(t.BUZ0sl)}
      </Text>
      <Text style={styles.description} variant="text-sm/medium" color="text-default">
        {intl.string(t.w5beJH)}
      </Text>
    </View>
  </BottomSheet>;
};