import { Image } from "expo-image";
import { StyleSheet, Text, View } from "react-native";

export function AppScreenHeader() {
    return (
        <View style={styles.header}>
            <Image
                source={require("@/assets/images/icon.png")}
                style={styles.logo}
                contentFit="cover"
            />
            <View style={styles.headerText}>
                <Text style={styles.appName}>Tbilisi Group</Text>
                <Text style={styles.subtitle}>მომხმარებლის კაბინეტი</Text>
            </View>
        </View>
    );
}

const styles = StyleSheet.create({
    header: {
        alignItems: "center",
        flexDirection: "row",
        gap: 14,
        marginBottom: 24,
    },
    logo: {
        borderRadius: 8,
        height: 58,
        width: 58,
    },
    headerText: {
        flex: 1,
        gap: 4,
    },
    appName: {
        color: "#18202a",
        fontSize: 30,
        fontWeight: "800",
        lineHeight: 34,
    },
    subtitle: {
        color: "#5f6b7a",
        fontSize: 15,
        lineHeight: 21,
    },
});