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

interface LiveEmojiProps {
    icon: EmojiKeys; // Use the EmojiKeys type here
    className?: string;
    size?: string;
}

const LiveEmoji: React.FC<LiveEmojiProps> = ({ 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 LiveEmoji;