import React from "react";
import "react-native-gesture-handler";
import { Text, View } from "react-native";
import { Navigation } from "react-native-navigation";
import { PressableOpacity } from "./src/common/components/pressables/PressableOpacity"; // <-- that's a RN <Pressable> with opacity effect
import {
  gestureHandlerRootHOC,
  TouchableOpacity,
} from "react-native-gesture-handler";

const App = () => {
  console.log("Re-rendering App...");
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>Hello world!</Text>
      <PressableOpacity
        style={{ width: 100, height: 50, backgroundColor: "blue" }}
        onPress={() => console.log("js")}
      />
      <TouchableOpacity
        disabled={false}
        style={{ width: 100, height: 50, backgroundColor: "red" }}
        onPress={() => console.log("rngh")}
      />
    </View>
  );
};

Navigation.registerComponent(
  "Home",
  () => gestureHandlerRootHOC(App),
  () => App
);

Navigation.setRoot({
  root: {
    component: {
      name: "Home",
    },
  },
});