
import React from 'react';

interface BudgetHeaderProps {
  spentAmount: number;
  targetAmount: number;
  formatCurrency: (amount: number) => string;
}

const BudgetHeader: React.FC<BudgetHeaderProps> = ({
  spentAmount,
  targetAmount,
  formatCurrency
}) => {
  return (
    <div className="flex justify-between items-center mb-3">
      <div className="text-base font-bold">{formatCurrency(spentAmount)}</div>
      <div className="text-sm text-gray-500">/ {formatCurrency(targetAmount)}</div>
    </div>
  );
};

export default BudgetHeader;
