38 lines
759 B
TypeScript
38 lines
759 B
TypeScript
import React from 'react'
|
|
|
|
interface CardProps {
|
|
children: React.ReactNode
|
|
className?: string
|
|
}
|
|
|
|
export function Card({ children, className = '' }: CardProps) {
|
|
return (
|
|
<div className={`bg-white rounded-lg shadow-md p-6 ${className}`}>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function CardHeader({ children, className = '' }: CardProps) {
|
|
return (
|
|
<div className={`mb-4 ${className}`}>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function CardContent({ children, className = '' }: CardProps) {
|
|
return (
|
|
<div className={className}>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function CardTitle({ children, className = '' }: CardProps) {
|
|
return (
|
|
<div className={`text-sm font-medium ${className}`}>
|
|
{children}
|
|
</div>
|
|
)
|
|
} |