import { View, Text, ViewProps, StyleSheet } from 'react-native'
import { AntDesign } from '@expo/vector-icons'
import React from 'react'

const Plus = (props : ViewProps) => {
  return (
    <View style={[style.plus, props.style]}>
      {props.children}
      <AntDesign name='plus' color={"white"} size={20}></AntDesign>
  </View>
  )
}
const style = StyleSheet.create({
    plus:{
      position: "absolute",
      right: 20,
      bottom: 20,
      zIndex: 1,
      backgroundColor: "orange",
      padding: 20,
      borderRadius: 500,
      height: 60,
      width: 60,
      alignItems: 'center',
      justifyContent: "center"
    }
})
export default Plus