import { StyleSheet } from  'react-native'
import  Peep, { Accessories, Body, Face, FacialHair, Hair } from  'react-native-peeps'
 
const App = () => {
 
  return (
    <Peep
      style={styles.peepStyle}
      accessory={Accessories.SunglassWayfarer}
      body={Body.Geek}
      face={Face.Driven}
      facialHair={FacialHair.FullMajestic}
      hair={Hair.ShavedSides}
    />
  )
}
 
const styles = StyleSheet.create({
  peepStyle: {
    width: 200,
    height: 200,
    justifyContent: 'center',
    alignSelf: 'center'
  }
})
 

 
import { StyleSheet } from  'react-native'
import { CirclePeep, Accessories, Body, Face, FacialHair, Hair } from  'react-native-peeps'
 
const App = () => {
 
  return (
    <CirclePeep
      style={styles.peepStyle}
      accessory={Accessories.GlassRoundThick}
      body={Body.Geek}
      face={Face.Smile}
      facialHair={FacialHair.Goatee}
      hair={Hair.ShortVolumed}
      circleStyle={styles.circleStyle}
    />
  )
}
 
const  styles = StyleSheet.create({
  circleStyle: {
    backgroundColor: '#F3D34A',
    width: 180,
    height: 180,
    alignSelf: 'center',
    borderRadius: 100,
    overflow: 'hidden',
    borderWidth: 3,
    borderColor: 'black'
  }
})