Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 28 29 30 31 32 33 | 1x 1x 46x 46x 46x 46x 46x 46x 46x 46x 1x 4x 4x 4x 4x 4x 1x 44x 44x | import type { ReactNode, MouseEvent } from 'react';
interface CardProps {
children: ReactNode;
className?: string;
onClick?: (e: MouseEvent) => void;
onContextMenu?: (e: MouseEvent) => void;
}
export function Card({ children, className = '', onClick, onContextMenu }: CardProps) {
return (
<div
className={`bg-bambu-dark-secondary rounded-xl border border-bambu-dark-tertiary ${className}`}
onClick={onClick}
onContextMenu={onContextMenu}
>
{children}
</div>
);
}
export function CardHeader({ children, className = '' }: CardProps) {
return (
<div className={`px-6 py-4 border-b border-bambu-dark-tertiary ${className}`}>
{children}
</div>
);
}
export function CardContent({ children, className = '' }: CardProps) {
return <div className={`p-6 ${className}`}>{children}</div>;
}
|