import * as React from "react";
import { View, Image } from "react-native";
import { NameLabel, ShowLabel, StyledShowLabel } from "./styled";

type Props = {
  name: string;
  imageUrl: string;
};

function UserPicture({ imageUrl, name }: Props) {
  return (
    <View
      style={{
        justifyContent: "center",
        flexDirection: "row",
        display: "flex",
        padding: 10,
      }}
    >
      <Image
        style={{
          margin: "auto",
          width: 200,
          height: 200,
        }}
        resizeMode="contain"
        source={{ uri: imageUrl }}
      />

      <NameLabel color="black" variant="body1">
        {name}
      </NameLabel>
    </View>
  );
}

export default UserPicture;