"use client";

import type { ReactNode } from "react";

interface CardProps {
  children: ReactNode;
  className?: string;
  padding?: "none" | "sm" | "md" | "lg";
}

const paddingStyles = {
  none: "",
  sm: "p-3",
  md: "p-4",
  lg: "p-6",
};

export default function Card({ children, className, padding = "md" }: CardProps) {
  return (
    <div
      className={`rounded-xl border border-zinc-700 bg-zinc-900 ${paddingStyles[padding]} ${className || ""}`}
    >
      {children}
    </div>
  );
}