import { motion } from 'framer-motion';
import { fadeUp } from '@/lib/animations/animation';

interface AuthCardProps {
  children: React.ReactNode;
  customDelay?: number;
}

export function AuthCard({ children, customDelay = 2 }: AuthCardProps) {
  return (
    <motion.div
      variants={fadeUp}
      custom={customDelay}
      className="bg-white/60 backdrop-blur-xl border border-gray-200 shadow-sm rounded-2xl p-8"
    >
      {children}
    </motion.div>
  );
}