31 lines
598 B
TypeScript
31 lines
598 B
TypeScript
"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>
|
|
);
|
|
}
|
|
|