<?xml version="1.0" encoding="utf-8"?>

<!--

    ADOBE SYSTEMS INCORPORATED
    Copyright 2008 Adobe Systems Incorporated
    All Rights Reserved.

    NOTICE: Adobe permits you to use, modify, and distribute this file
    in accordance with the terms of the license agreement accompanying it.

-->

<!--- The default wireframe skin class for the Spark NumericStepper component. The skin for the text input field on a NumericStepper
component is defined by the wireframe NumericStepperTextInputSkin class.  

        Skin classes in the wireframe package are useful for using as a simple base for a custom skin.
        
       @see spark.components.NumericStepper
       @see spark.skins.wireframe.NumericStepperTextInputSkin

      @langversion 3.0
      @playerversion Flash 10
      @playerversion AIR 1.5
      @productversion Flex 4
-->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
      minHeight="22" minWidth="40" 
      alpha.disabled="0.5">

    <fx:Metadata>
        /** 
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
         */
        [HostComponent("spark.components.NumericStepper")]
    </fx:Metadata> 
    
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>

    <!--- The default class is SpinnerIncrementButtonSkin.
          @copy spark.components.Spinner#incrementButton -->
    <s:Button id="incrementButton" right="0" top="0" height="50%" tabEnabled="false" 
              skinClass="spark.skins.wireframe.SpinnerIncrementButtonSkin" />
    <!--- The default class is SpinnerDecrementButtonSkin.
          @copy spark.components.Spinner#decrementButton -->
    <s:Button id="decrementButton" right="0" bottom="0" height="50%" tabEnabled="false" 
              skinClass="spark.skins.wireframe.SpinnerDecrementButtonSkin" />
    
    <!--- The default class is NumericStepperTextInputSkin.
          @copy spark.components.NumericStepper#textDisplay -->
    <s:TextInput id="textDisplay" width="30" 
                 left="0" top="0" right="18" bottom="0" skinClass="spark.skins.wireframe.NumericStepperTextInputSkin"/>

</s:Skin>