Skip to content
6 changes: 3 additions & 3 deletions frontend/src/components/common/Card.tsx
Original file line number Diff line number Diff line change
@@ -1,9 +1,8 @@
import React from 'react';

interface CardProps {
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
children: React.ReactNode;
title?: string;
className?: string;
padding?: 'none' | 'sm' | 'md' | 'lg';
}

Expand All @@ -12,6 +11,7 @@ export const Card: React.FC<CardProps> = ({
title,
className = '',
padding = 'md',
...props
}) => {
const paddingStyles = {
none: '',
Expand All @@ -21,7 +21,7 @@ export const Card: React.FC<CardProps> = ({
};

return (
<div className={`bg-white rounded-lg shadow-md ${className}`}>
<div className={`bg-white rounded-lg shadow-md ${className}`} {...props}>
{title && (
<div className="px-6 py-4 border-b">
<h3 className="text-lg font-semibold text-gray-900">{title}</h3>
Expand Down