// components/LoginForm.js
import InputBox from "../../components/Inputs/InputBox";
import Button from "../../components/Buttons/Button";
import { motion } from "framer-motion";

export default function LoginForm() {
  return (
    <motion.div
      key="login"
      initial={{ opacity: 0 }}
      animate={{ opacity: 1 }}
      exit={{ opacity: 0 }}
      transition={{ duration: 0.25 }}
    >
      <h2 className="text-4xl font-extrabold text-center mb-6 text-gray-800 tracking-wide">Bejelentkezés</h2>
      <form>
        <InputBox type="email" placeholder="Email cím" />
        <InputBox type="password" placeholder="Jelszó" />
        <Button text="Bejelentkezés" type="submit" />
      </form>
    </motion.div>
  );
}
