"use client";

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

interface GlassCardProps {
  children: ReactNode;
  className?: string;
  hover?: boolean;
  variant?: "default" | "strong";
}

export default function GlassCard({
  children,
  className,
  hover = true,
  variant = "default",
}: GlassCardProps) {
  return (
    <div
      className={cn(
        "relative rounded-2xl p-6 transition-all duration-500",
        variant === "default" ? "glass" : "glass-strong",
        hover &&
          "hover:border-purple-400/30 hover:shadow-glow-md hover:-translate-y-0.5",
        className,
      )}
    >
      {children}
    </div>
  );
}
