/**
 * GlassCard 组件
 * 毛玻璃卡片样式，支持多种变体
 * @param {Object} props
 * @param {React.ReactNode} props.children - 子元素
 * @param {string} props.className - 额外的CSS类名
 * @param {'default'|'highlight'|'ai'} props.variant - 卡片变体
 * @param {'sm'|'md'|'lg'} props.padding - 内边距大小
 */
const GlassCard = ({ 
  children, 
  className = '', 
  variant = 'default',
  padding = 'md'
}) => {
  // 内边距映射
  const paddingMap = {
    sm: 'p-4',
    md: 'p-6',
    lg: 'p-8'
  };

  // 变体样式映射
  const variantMap = {
    default: 'border-white/5',
    highlight: 'border-orange-200/20 shadow-orange-900/10',
    ai: 'border-orange-200/5 bg-orange-200/[0.02]'
  };

  return (
    <div 
      className={`
        glass-card 
        ${paddingMap[padding]} 
        ${variantMap[variant]}
        ${className}
      `}
    >
      {children}
    </div>
  );
};

export default GlassCard;
