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

type PlusProps = ViewProps & {onPress? : ()=> void | undefined}

const Plus = (props : PlusProps) => {
  return (

      <TouchableOpacity onPress={props.onPress} style={[style.plus, props.style]}>
      {props.children}
      
        <AntDesign name='plus' color={"white"} size={20}></AntDesign>
      </TouchableOpacity>

  )
}
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",
      flex:1
    }
})
export default Plus