<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx"
         width="100%">
    
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:states>
        <s:State name="both" />
        <s:State name="prev" />
        <s:State name="next" />
    </s:states>
    <fx:Script>
        <![CDATA[
            import com.afi.estimator.views.paging.FormScroller;
            import com.afi.estimator.model.TextModel;

            [Bindable]public var pageName:String = "paging";
            
        ]]>
    </fx:Script>
    
    <s:Button id="prevButton" label="{TextModel.get(pageName).preButton}" x="40" y="{height - 60}" includeIn="prev, both"
              buttonMode="true" click="FormScroller.instance.current_page.previous()"
              skinClass="com.afi.estimator.style.paging.PrevButton" />
              
    <s:Button id="nextButton" label="{TextModel.get(pageName).nextButton}" x="867" y="{height - 60}" includeIn="next, both"
              buttonMode="true" click="{FormScroller.instance.current_page.next()}"
              skinClass="com.afi.estimator.style.paging.NextButton"
              />
</s:Group>