"use client";

import { type ReactNode } from "react";

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

export default function Card({
  children,
  className = "",
  padding = "md",
  hover = false,
}: CardProps) {
  const paddings: Record<string, string> = {
    none: "",
    sm: "p-4",
    md: "p-5 md:p-6",
    lg: "p-6 md:p-8",
  };

  return (
    <div
      className={`rounded-2xl border border-[var(--border)] bg-[var(--card-bg)] shadow-sm ${
        hover ? "transition hover:-translate-y-0.5 hover:shadow-md" : ""
      } ${paddings[padding]} ${className}`}
    >
      {children}
    </div>
  );
}