Componente para reanudar la suscripción CashTrackr

SubscriptionResume.tsx

import { useState } from "react";

export default function SubscriptionResume() {
  const [loading, setLoading] = useState(false);

  const resumeSubscription = () => {

  };

  return (
    <div className="rounded-xl border-2 border-purple-200 bg-purple-50 p-6">
      <h3 className="text-xl font-bold mb-2">¿Cambiaste de opinión?</h3>
      <p className="text-gray-600 mb-4">
        Aún puedes reactivar tu suscripción antes del{' '}
        sin cargos adicionales.
      </p>
      <button
        onClick={resumeSubscription}
        disabled={loading}
        className="bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg disabled:opacity-50"
      >
        {loading ? 'Procesando...' : 'Reactivar suscripción'}
      </button>
    </div>
  )
}