import { ReactNode } from "react";
import styles from "./card.module.css";

interface CardProps {
  children: ReactNode;
  className?: string;
  shadow?: boolean;
  padded?: boolean;
}

export default function Card({
  children,
  className = "",
  shadow = true,
  padded = true,
}: CardProps) {
  return (
    <div
      className={`${styles.card} ${className}`}
      style={{
        boxShadow: shadow ? "0 4px 30px rgba(0, 0, 0, 0.08)" : "none",
        padding: padded ? "2rem 2rem 2.5rem" : "0",
      }}
    >
      {children}
    </div>
  );
}