import React from 'react';
import { Card, CardProps } from 'antd';

interface GlassCardProps extends CardProps {
  children: React.ReactNode;
  className?: string;
}

const GlassCard: React.FC<GlassCardProps> = ({ children, className = '', style, ...props }) => {
  return (
    <Card
      className={`glass-card ${className}`}
      bordered={false}
      style={{
        background: 'rgba(255, 255, 255, 0.03)',
        backdropFilter: 'blur(20px)',
        border: '1px solid rgba(255, 255, 255, 0.05)',
        boxShadow: '0 8px 32px 0 rgba(0, 0, 0, 0.36)',
        color: 'white',
        ...style,
      }}
      {...props}
    >
      {children}
    </Card>
  );
};

export default GlassCard;
