"use client";

import { HTMLAttributes, ReactNode } from "react";

interface CardProps extends HTMLAttributes<HTMLDivElement> {
  children: ReactNode;
  variant?: "default" | "dark";
}

const variantClasses = {
  default: "bg-black/60 border border-pixel-gold/30",
  dark: "bg-black/80 border border-pixel-gold/30",
};

export default function Card({
  children,
  variant = "default",
  className = "",
  ...props
}: CardProps) {
  return (
    <div
      className={`rounded-lg backdrop-blur-sm ${variantClasses[variant]} ${className}`}
      {...props}
    >
      {children}
    </div>
  );
}