
import React from 'react';
import { Coffee } from 'lucide-react';
import { categoryIcons } from '@/constants/categoryIcons';

interface TransactionIconProps {
  category: string;
}

const TransactionIcon: React.FC<TransactionIconProps> = ({ category }) => {
  // 카테고리에 해당하는 아이콘이 없을 경우 기본값으로 Coffee 아이콘 사용
  const icon = categoryIcons[category] || <Coffee size={18} />;
  
  return (
    <div className="p-2 rounded-full bg-neuro-income/10 text-neuro-income">
      {icon}
    </div>
  );
};

export default TransactionIcon;
