38 lines
674 B
TypeScript
38 lines
674 B
TypeScript
export function Card({
|
|
children,
|
|
className = "",
|
|
interactive = false,
|
|
}: {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
interactive?: boolean;
|
|
}) {
|
|
return (
|
|
<div
|
|
className={`
|
|
rounded-xl border border-border bg-surface-1 p-6
|
|
${interactive ? "card-interactive cursor-pointer" : ""}
|
|
${className}
|
|
`}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export function CardHeader({
|
|
children,
|
|
className = "",
|
|
}: {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
}) {
|
|
return (
|
|
<h3
|
|
className={`text-xs font-semibold uppercase tracking-wider text-text-muted mb-3 ${className}`}
|
|
>
|
|
{children}
|
|
</h3>
|
|
);
|
|
}
|