import { cn } from "@/lib/utils";
import React from "react";

interface GlassCardProps extends React.HTMLAttributes<HTMLDivElement> {
    children: React.ReactNode;
    className?: string;
    hoverEffect?: boolean;
}

export const GlassCard = ({
    children,
    className,
    hoverEffect = false,
    ...props
}: GlassCardProps) => {
    return (
        <div
            className={cn(
                "glass-card bg-white/40 border border-white/40 shadow-sm backdrop-blur-xl",
                hoverEffect && "hover:bg-white/50 transition-all duration-300 hover:scale-[1.02]",
                className
            )}
            {...props}
        >
            {children}
        </div>
    );
};
