wip

apps/website/components/ui/Card.tsx

@@ -1,13 +1,17 @@
-import { ReactNode } from 'react';
+import { ReactNode, MouseEventHandler } from 'react';
 
 interface CardProps {
   children: ReactNode;
   className?: string;
+  onClick?: MouseEventHandler<HTMLDivElement>;
 }
 
-export default function Card({ children, className = '' }: CardProps) {
+export default function Card({ children, className = '', onClick }: CardProps) {
   return (
-    <div className={`rounded-lg bg-iron-gray p-6 shadow-card border border-charcoal-outline hover:shadow-glow transition-shadow duration-200 ${className}`}>
+    <div
+      className={`rounded-lg bg-iron-gray p-6 shadow-card border border-charcoal-outline hover:shadow-glow transition-shadow duration-200 ${className}`}
+      onClick={onClick}
+    >
       {children}
     </div>
   );