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

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

    const city = route.param.city;

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