import React from 'react';
import { Text, TextStyle } from 'react-native'; // Removed StyleProp
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';

interface AppIconProps {
    name: string;
    size?: number;
    color?: string;
    style?: TextStyle; // Simplification
}

export const AppIcon: React.FC<AppIconProps> = ({ name, size = 24, color, style }) => {
    // Check if likely emoji (non-ascii)
    const isEmoji = /[^\u0000-\u007F]/.test(name);

    if (isEmoji) {
        return <Text style={[{ fontSize: size, color }, style]}>{name}</Text>;
    }

    return <MaterialCommunityIcons name={name} size={size} color={color} style={style} />;
};
