import km.components.*;
import km.skins.*;

var tf:TextField;
var b1:LabelButton, b2:LabelButton, b3:LabelButton;

// Add a dynamic textfield.

tf = new TextField();
addChild(tf);

// Add a label button component.

b1 = new LabelButton();
ScriptedSkin.applyTo(b1);
b1.setSize(90,24);
b1.move(20,30);
addChild(b1);

// Clone the first button and add the clone.
// This way we don't have to skin all buttons separately.

b2 = b1.clone();
b2.y = 60;
addChild(b2);
 
// Do the same for button three.
 
b3 = b1.clone();
b3.y = 90;
addChild(b3);

// Set the labels for the buttons

b1.label.text = 'Button 1';
b2.label.text = 'Button 2';
b3.label.text = 'Button 3';

// Create a button group and add the buttons

var bg:ButtonGroup = new ButtonGroup();
bg.addButton(b1, 1);
bg.addButton(b2, 2);
bg.addButton(b3, 3);

// Set the on change handler

bg.onChange = function(){
 tf.text = bg.data;
}