<?xml version="1.0" encoding="utf-8"?>
<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/mx" minWidth="955" minHeight="600">

    <fx:Script>
        <![CDATA[
            import spark.events.TextOperationEvent;
            protected function myButton_clickHandler(event:MouseEvent):void
            {
                myLabel.text = ""
                myInput.text =""
            }

            protected function myInput_changeHandler(event:TextOperationEvent):void
            {
                myLabel.text=myInput.text
            }

            protected function myButton2_clickHandler(event:MouseEvent):void
            {
                currentState="Drugi"
            }

        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:states>
        <s:State name="Pierwszy"/>
        <s:State name="Drugi"/>
    </s:states>
    <s:Panel includeIn="Pierwszy" x="231" y="135" width="351" height="246">
        <s:Button id="myButton" x="74" y="33" label="Button" click="myButton_clickHandler(event)"/>
        <s:Label id="myLabel" x="220" y="28" width="89" height="26" fontSize="14" text="Label"/>
        <s:TextInput id="myInput" x="74" y="0" change="myInput_changeHandler(event)"/>
        <s:Button id="myButton2" x="51" y="159" label="Button" click.Pierwszy="myButton2_clickHandler(event)"/>
    </s:Panel>
    <s:Panel includeIn="Drugi" x="231" y="135" width="351" height="246" backgroundColor="#656FB2"
             chromeColor="#874444">
        <s:Button x="51" y="159" label="Button" chromeColor="#933434" click="currentState='Pierwszy'"
                  focusColor="#1464AE"/>
    </s:Panel>

</s:Application>