
import React from 'react';

interface BudgetProgressBarProps {
  percentage: number;
  progressBarColor: string;
}

const BudgetProgressBar: React.FC<BudgetProgressBarProps> = ({ 
  percentage, 
  progressBarColor 
}) => {
  return (
    <div className="w-full h-2 neuro-pressed overflow-hidden mb-3">
      <div
        className={`h-full ${progressBarColor} transition-all duration-700 ease-out`}
        style={{
          width: `${percentage}%`,
        }}
      />
    </div>
  );
};

export default BudgetProgressBar;
