Test of different ways to use the JS backing class
this.test = AAAAA!
<pre>this.test = </pre>
this.myColors = primary,secondary
<pre>this.myColors = </pre>
this.COLORS = primary,secondary
<pre>this.COLORS = </pre>
this.STATES = default,hover,active,focus
<pre>this.STATES = </pre>
Count: 0
Count: {{this.count}}
<button type="button" name="button" {{action "clickButton"}}>Click Me</button>
<button type="button" name="button" >altClickButton1</button>
<Hds::Button @text="altClickButton1" />
<Hds::Button @text="noop" />