//
// Step 1
// Create an instance of WSSkinStatesTester using MXML
<ws:WSSkinStatesTester
	xmlns:ws="http://websector.de"
	id="skinTester"
	width="100%" height="100%"
	/>
	
//
// Step 2
// Create and add an instance of a skin to WSSkinStatesTester. 
var skin: PanelSkin = new PanelSkin(); 
skin.width = 250;
skin.height =250;
skinTester.addSkin( skin );


//
// Step 2a  [ ALTERNATIVE ]
// Alternative you can add an array of skins to WSSkinStatesTester using ActionScript. 
// BTW: This usage is recommend if you want test a bunch of skins and have to set properties before!
var skin0: ButtonSkin = new ButtonSkin();
skin0.width = 150;
skin0.height = 50;
skin0.labelDisplay.text = "ButtonSkin (Spark)";

var skin2: ComboBoxSkin = new ComboBoxSkin();
var skin3: MyButtonSkin = new MyButtonSkin();

skinTester.skins = [ skin1, skin2, skin3  ];


//
// Step 2b [ ALTERNATIVE ]
// Or add an array of skins to WSSkinStatesTester using MXML
<ws:WSSkinStatesTester
	xmlns:ws="http://websector.de"
	id="skinTester"
	width="100%" height="100%"
	skins="{ [ 	
				new CheckBoxSkin(), 
				new VideoPlayerSkin(), 
				new ButtonSkin() 
			] }"
	/>