import React from "react";

interface GlassCardProps {
  children: React.ReactNode;
  className?: string;
  glow?: "blue" | "yellow" | "none";
}

export function GlassCard({ children, className = "", glow = "none" }: GlassCardProps) {
  let glowClass = "";
  if (glow === "blue") glowClass = "shadow-glow-blue border-brand-blue/30";
  else if (glow === "yellow") glowClass = "shadow-glow-yellow border-brand-yellow/30";
  else glowClass = "shadow-glass border-white/10";

  return (
    <div
      className={`
        bg-white/5 
        backdrop-blur-md 
        border 
        rounded-xl 
        p-6 
        transition-all 
        duration-300
        ${glowClass} 
        ${className}
      `}
    >
      {children}
    </div>
  );
}
