frontend/src/components/shared/GlassCard.jsx

import clsx from 'clsx';
import { motion } from 'framer-motion';

export default function GlassCard({ children, className = '', accent = false, onClick }) {
  return (
    <motion.div
      whileHover={onClick ? { y: -2 } : undefined}
      onClick={onClick}
      className={clsx(
        'glass rounded-lg p-5 transition-colors duration-200',
        accent && 'border-cyan-400/30',
        onClick && 'cursor-pointer',
        className,
      )}
    >
      {children}
    </motion.div>
  );
}