import React from "react";

interface CardProps {
  className?: string;
  /**
   * Card's content, mostly used for <CardHeader /> and <CardFooter />
   */
  children: React.ReactNode;
  onClick?: () => void;
}

const Card = React.forwardRef<HTMLDivElement, CardProps>(({ className = "", children, onClick = () => {} }, ref) => {
  return (
    <div className={`card ${className}`} onClick={onClick} ref={ref}>
      {children}
    </div>
  );
});

export default Card;