<?xml version="1.0" encoding="utf-8"?>
<!---
State Sample (State-Specific Component Instances)
-->
<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="100" label="default" click="currentState='default'" />
        <mx:Button width="100" label="aState"  click="currentState='aState'" />
        <mx:Button width="100" label="bState"  click="currentState='bState'" />
    </mx:HBox>

    <s:Button width="300" height="100" label="Button A" />
    <s:Button width="300" height="100" label="Button B" includeIn="aState, bState" />
    <s:Button width="300" height="100" label="Button C" excludeFrom="bState" />

</s:Application>