import { Text, TouchableOpacity } from "react-native";
import Icon from "react-native-vector-icons/Ionicons";

function FloatingButton() {
  return (
    <TouchableOpacity
      style={{
        borderWidth: 1,
        borderColor: "#B695F3",
        alignItems: "center",
        justifyContent: "center",
        width: 70,
        position: "absolute",
        top: 560,
        right: 20,
        height: 70,
        backgroundColor: "#B695F3",
        borderRadius: 100,
      }}
      onPress={() => {
        alert("Button is pressed");
      }}
    >
      <Icon name="add-circle-outline" color="white" size={40} />
    </TouchableOpacity>
  );
}

export default FloatingButton;