18 lines
599 B
TypeScript
18 lines
599 B
TypeScript
export interface AddonCardProps {
|
|
name: string;
|
|
description?: string;
|
|
installed: boolean;
|
|
onInstall: (e: any) => void;
|
|
}
|
|
|
|
export default function AddonCard({ name, description, installed = false, onInstall }: AddonCardProps) {
|
|
return (
|
|
<div className="addon-card">
|
|
<div className="addon-name">{name}</div>
|
|
{description && <div className="addon-description">{description}</div>}
|
|
{!installed && <button className="install-btn" onClick={onInstall}>Install</button>}
|
|
{installed && <button className="install-btn" disabled>Installed</button>}
|
|
|
|
</div>
|
|
)
|
|
} |