Untitled

import React, { useState } from "react";

function SubmitButton({ btn_submit_name, game }) {
  const [isActive, setIsActive] = useState(false);

  const handleClick = async (event) => {
    event.preventDefault();
    setIsActive(true);

    const data = { game };

    const body = JSON.stringify(data);

    try {
      const response = await fetch("http://localhost:5000/sexo", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body,
      });

      // Verificamos si la respuesta es exitosa
      if (!response.ok) {
        throw new Error("Error al enviar la información");
      }

      // JSON
      const data = await response.json();
      console.log("Success:", data);
    } catch (error) {
      console.error("Error:", error);
    } finally {
      setIsActive(false);
    }
  };

  return (
    <button
      className={`submit-btn ${isActive ? "active" : ""}`}
      onClick={handleClick}
    >
      {btn_submit_name}
    </button>
  );
};

export default SubmitButton;