import { Modal } from "flowbite";
import { PersonCircle } from "react-bootstrap-icons";
import LoginButton from "../login_button";
import "../stylesheets/shared.css"
import { useEffect, useState } from "react";
export function LoginForm() {
useEffect(() => {
const target = document.getElementById("loginModal");
const options = {
closable: true
};
const modal = new Modal(target, options);
document.getElementById('closeModalButton')?.addEventListener("click", () => {
modal.hide();
});
document.getElementById('loginButton')?.addEventListener("click", () => {
modal.show();
});
}, []);
function handleLogin(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
const formJson = Object.fromEntries(formData.entries());
console.log(formJson);
}
return(
<>