<?xml version="1.0" encoding="utf-8"?>
<!---
State Sample (State-Specific Property Values)
-->
<s:Application
    xmlns:fx      = "http://ns.adobe.com/mxml/2009"
    xmlns:s       = "library://ns.adobe.com/flex/spark"
    xmlns:mx      = "library://ns.adobe.com/flex/halo"
    minWidth      = "1024"
    minHeight     = "768"
    viewSourceURL = "srcview/index.html"
>

    <fx:Style>
        @namespace mx "library://ns.adobe.com/flex/halo";
        @namespace s  "library://ns.adobe.com/flex/spark";
        mx|Button { font-size : 20; }
        s|Button  { font-size : 40; }
    </fx:Style>

    <s:layout>
        <s:VerticalLayout horizontalAlign="center" />
    </s:layout>

    <s:states>
        <mx:State name="default" />
        <mx:State name="aState"  />
        <mx:State name="bState"  />
    </s:states>

    <mx:HBox horizontalGap="0">
        <mx:Button width="170" label="default" click="currentState='default'" />
        <mx:Button width="170" label="aState"  click="currentState='aState'" />
        <mx:Button width="170" label="bState"  click="currentState='bState'" />
    </mx:HBox>

    <s:Button width="510" height="100" label="Button A" />
    <s:Button width="510" height="100" label="Button B" />
    <s:Button width="510" height="100" label="Button C" />
    <s:Button
        width        = "510"
        height       = "100"
        color.aState = "#990000"
        color.bState = "#000099"
        label.aState = "Button D (aState)"
        label.bState = "Button D (bState)"
        includeIn    = "aState, bState"
     />

</s:Application>