interface ProgressBarProps {
  currentAmount: number;
  targetAmount: number;
}

const ProgressBar: React.FC<ProgressBarProps> = ({
  currentAmount,
  targetAmount,
}) => {
  const percentage = (currentAmount / targetAmount) * 100;

  return (
    <div className="w-full bg-neutral-200 rounded-full h-4">
      <div
        className="bg-green-600 h-4 rounded-full"
        style={{ width: `${percentage}%` }}
      ></div>
    </div>
  );
};

export default ProgressBar;