import React from 'react';
import EmojiIcon from './EmojiIcon';
import { emojiData } from '../emojiData'; // Ensure emojiData is imported correctly

interface DynamicEmojiIconProps {
    icon: keyof typeof emojiData;
    className?: string;
    size?: number;
}

const DynamicEmojiIcon: React.FC<DynamicEmojiIconProps> = ({ icon, className, size }) => {
    const src = emojiData[icon];

    if (!src) {
        console.warn(`Emoji with name "${icon}" not found.`);
        return null;
    }

    return <EmojiIcon src={src} alt={icon} className={className} size={size} />;
};

export default DynamicEmojiIcon;