// Metro module 8809 (f8810).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { Avatar, AvatarSizes } from "../../../../design/void/native";
import { Text } from "../../../../design/components/Text/native/Text";
import UserUtils from "../../../../utils/UserUtils";
const useStyles = createStyles({
  container: {
    flexDirection: "row",
    alignItems: "center",
    marginLeft: Module712.space.PX_16
  },
  avatar: {
    marginEnd: Module712.space.PX_8
  }
});
export default function LockedRecipientField(props) {
  const user = props.user;
  const styles = useStyles();
  return <View style={styles.container}>
    <Avatar style={styles.avatar} user={user} guildId={void 0} size={AvatarSizes.NORMAL} />
    <Text variant="text-md/semibold">
      {UserUtils.getName(user)}
    </Text>
  </View>;
};