import type { ReactNode } from 'react';
import { motion } from 'framer-motion';

interface GlassCardProps {
    children: ReactNode;
    className?: string;
    delay?: number;
}

export function GlassCard({ children, className = '', delay = 0 }: GlassCardProps) {
    return (
        <motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.5, delay, ease: [0.25, 0.46, 0.45, 0.94] }}
            className={`relative overflow-hidden rounded-lg border border-white/15 bg-white/[0.03] backdrop-blur-[45px] shadow-[inset_0_0_0_0.5px_rgba(255,255,255,0.06)] ${className}`}
        >
            {children}
        </motion.div>
    );
}