crazycharge-app/component/global/logo.tsx

import React from "react";
import { Image, View, StyleProp, ImageStyle, ViewStyle } from "react-native";

const Logo = () => {
	const logoSource = require("../../assets/logo.png");

	const imageStyle: ImageStyle = {
		width: "60%",
		resizeMode: "contain",
	};

	const viewStyle: ViewStyle = {
		maxWidth: "100%",
		alignItems: "center",
	};

	return (
		<View style={viewStyle}>
			<Image source={logoSource} style={imageStyle} />
		</View>
	);
};

export default Logo;