"use client";
import React from 'react';
import { ArrowRight, X } from 'lucide-react';

interface ActionButtonsProps {
  onContinue: () => void;
  onCancel: () => void;
  continueLabel?: string;
}

const ActionButtons: React.FC<ActionButtonsProps> = ({
  onContinue,
  onCancel,
  continueLabel = 'Payment Done',
}) => {
  return (
    <div className="flex gap-4 pt-6">
      <button
        onClick={onContinue}
        className="flex-1 bg-[#541592] text-white py-3.5 px-6 rounded-xl font-medium hover:bg-[#9E5AE3] transition flex items-center justify-center gap-2 cursor-pointer"
      >
        <ArrowRight size={20} />
        {continueLabel}
      </button>
      <button
        onClick={onCancel}
        className="flex-1 bg-white border-2 border-gray-200 text-gray-700 py-3.5 px-6 rounded-xl font-medium hover:bg-[#9E5AE3] hover:text-white transition flex items-center justify-center gap-2 cursor-pointer"
      >
        <X size={20} />
        Cancel
      </button>
    </div>
  );
};

export default ActionButtons;