Add initial Portal version
This commit is contained in:
37
src/components/ui/card.tsx
Normal file
37
src/components/ui/card.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user