import type { HTMLAttributes } from "react";

type Variant = "default" | "accent";

interface CardProps extends HTMLAttributes<HTMLDivElement> {
  variant?: Variant;
}

const VARIANT_CLASSES: Record<Variant, string> = {
  default: "rounded-2xl border border-zinc-800/60 bg-zinc-900/50 p-5 sm:p-6",
  accent: "rounded-2xl border border-accent-500/20 bg-zinc-900/60 p-5 sm:p-6",
};

export const Card = ({ className = "", variant = "default", ...rest }: CardProps) => (
  <div className={`${VARIANT_CLASSES[variant]} ${className}`} {...rest} />
);