import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "../../../utils/cn";
const paddingStyles = {
    none: "",
    sm: "p-4",
    md: "p-6",
    lg: "p-8",
};
export const Card = ({ children, className, padding = "md", hover = false, testId, }) => {
    return (_jsx("div", { className: cn("bg-white dark:bg-neutral-800 rounded-xl shadow-sm border border-neutral-200 dark:border-neutral-700", paddingStyles[padding], hover && "hover:shadow-lg transition-shadow", className), "data-testid": testId, children: children }));
};
export default Card;
