18 lines
490 B
TypeScript
18 lines
490 B
TypeScript
import { ReactNode, MouseEventHandler } from 'react';
|
|
|
|
interface CardProps {
|
|
children: ReactNode;
|
|
className?: string;
|
|
onClick?: MouseEventHandler<HTMLDivElement>;
|
|
}
|
|
|
|
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}`}
|
|
onClick={onClick}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
} |