import React from "react";
import { Colors } from "../Constants";
import { Block, Text } from "../Components";
import Ionicons from 'react-native-vector-icons/Ionicons';
import { TouchableOpacity } from "react-native";


const Home = ({ navigation }) => {
    return (
        <Block p={15}>
           
            <Text h1 bold >Home </Text>
            <TouchableOpacity onPress={() => {
                    navigation.navigate('Details', {cats: ["Food", "PIzza"]})
                }} >
                    <Ionicons name="bulb-sharp" size={50} color={Colors.blue} />
            </TouchableOpacity>
           
        </Block>
    );
};
export default Home;