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>
  )
}