import React from "react";
import { View, Text } from "react-native";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import { TopBar } from "../components/TopBar";
import { getCurrentWeather } from "../data/stub";

export default function CityDetails({route}){
    const insets = useSafeAreaInsets();
    const statusBarHeight = insets.top;

    const city = route.params.city;
    const weather = getCurrentWeather(city.name)

    return (
        <View style={{alignItems: "center"}}>
            <TopBar/>
            <Text>{city.name}</Text>
        </View>
    )
}