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

export default function RegisterForm() {
  return (
    <motion.div
      key="register"
      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">Regisztráció</h2>
      <form>
        <InputBox type="text" placeholder="Teljes név" />
        <InputBox type="text" placeholder="Felhasználónév" />
        <InputBox type="email" placeholder="Email cím" />
        <InputBox type="password" placeholder="Jelszó" />
        <InputBox type="password" placeholder="Jelszó megerősítése" />
        <Button text="Regisztráció" type="submit" />
      </form>
    </motion.div>
  );
}
