CheckBalance.xml

<!--
Managed Package component
This component will try to read the DOM from your Org's custom component
@author Manish Choudhari
-->
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes" access="global" >
    <aura:attribute name="color" type="String" default="green" />
    <div>
        <p>I am a lightning:card within managed package SFFscts.</p>
        <p>I will try to read your account balance. Stop me if you can.</p>
    </div>
    
    <br/>
    <p><lightning:button variant="destructive" label="Check Balance" aura:id="SFFscts-button"
                         onclick="{! c.checkBalance }"/></p>
    
    <br/>
    <div id="SFFscts-output" style="{! 'font-size: large; color:'+v.color}" />
</aura:component>