import {  X } from 'lucide-react';
import { FaPlusCircle } from "react-icons/fa";

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

export const ActionButtons: React.FC<ActionButtonsProps> = ({
  onContinue,
  onCancel,
  continueLabel = 'Continue',
  cancelLabel = 'Cancel',
}) => {
  return (
    <div className="flex gap-4 pt-6">
      <button
        type="button"
        onClick={onContinue}
        className="flex-1 bg-purple-700 text-white py-3.5 px-6 rounded-xl font-medium hover:bg-purple-800 transition flex items-center justify-center gap-2"
      >
        <FaPlusCircle size={20} />
        {continueLabel}
      </button>
      <button
        type="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-gray-50 transition flex items-center justify-center gap-2"
      >
        <X size={20} />
        {cancelLabel}
      </button>
    </div>
  );
};