1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27// ui/Card.tsx
import React from 'react'
export interface CardProps {
children: React.ReactNode
className?: string
}
export function Card({ children, className = '' }: CardProps) {
return (
<div className={`bg-white rounded-lg shadow-lg p-4 ${className}`}>
{children}
</div>
)
}
export function CardHeader({ children }: { children: React.ReactNode }) {
return <div className="mb-4">{children}</div>
}
export function CardTitle({ children }: { children: React.ReactNode }) {
return <h2 className="text-xl font-bold">{children}</h2>
}
export function CardContent({ children }: { children: React.ReactNode }) {
return <div>{children}</div>
}