Card

<Card
  title="Constantin Predescu"
  subtitle="25 matches"
  user={{
    name: 'Marcel Popescu',
    profilePicture: 'https://picsum.photos/200',
    gender: {
      name: 'male',
    },
  }}
  action={<Button title="Follow" rounded size="small" />}
  onClose={() => console.log('press x')}
/>

<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
  <Card
    title="Constantin Predescu"
    subtitle="25 matches"
    active
    user={{
      name: 'Marcel Popescu',
      profilePicture: 'https://picsum.photos/200',
      gender: {
        name: 'male',
      },
    }}
  />
  <Card
    title="Constantin Predescu"
    subtitle="25 matches"
    user={{
      name: 'Marcel Popescu',
      profilePicture: 'https://picsum.photos/200',
      gender: {
        name: 'male',
      },
    }}
    action={
      <Button
        title="Been there?"
        rounded
        size="small"
        type="outline"
        buttonStyle={{ paddingHorizontal: 5 }}
      />
    }
  />
  <Card
    title="Constantin Predescu"
    subtitle="25 matches"
    user={{
      name: 'Marcel Popescu',
      profilePicture: 'https://picsum.photos/200',
      gender: {
        name: 'male',
      },
    }}
    action={
      <Button
        title="Following"
        rounded
        size="small"
        type="outline"
        buttonStyle={{ paddingHorizontal: 5 }}
      />
    }
  />
</View>