"use client";
import React from 'react';

interface CustomAmountInputProps {
  value: string;
  onChange: (value: string) => void;
}

const CustomAmountInput: React.FC<CustomAmountInputProps> = ({ value, onChange }) => {
  return (
    <div className="mb-6">
      <h3 className="text-lg font-semibold text-gray-900 mb-3">Enter a different amount</h3>
      <input
        type="number"
        value={value}
        onChange={(e) => onChange(e.target.value)}
        placeholder="Amount"
        className="w-full px-6 py-4 text-gray-600 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 transition"
      />
    </div>
  );
};

export default CustomAmountInput;