  */
 public class ActionBarSkin extends MobileSkin
 {
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Constructor
+    //
+    //--------------------------------------------------------------------------
+    public function ActionBarSkin()
+    {
+        super();
+    }
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Variables
+    //
+    //--------------------------------------------------------------------------
+    
     public var hostComponent:ActionBar;
     
     public var navigationGroup:Group;
     public var titleGroup:Group;
     public var actionGroup:Group;
-    public var titleDisplay:Label;
+    public var titleDisplay:IDisplayText;
     private var border:SpriteVisualElement;
     
-    public function ActionBarSkin()
-    {
-        super();
-    }
+    //--------------------------------------------------------------------------
+    //
+    //  Overridden methods
+    //
+    //--------------------------------------------------------------------------
     
     override protected function createChildren():void
     {

        hLayout.horizontalAlign = HorizontalAlign.LEFT;
        hLayout.verticalAlign = VerticalAlign.JUSTIFY;
        hLayout.gap = 0;
        hLayout.paddingLeft = hLayout.paddingTop = hLayout.paddingRight = hLayout.paddingBottom = 0;
        navigationGroup.layout = hLayout;
        addChild(navigationGroup);
        

import spark.skins.mobile.assets.ActionBarBackground;
import spark.skins.mobile.supportClasses.MobileSkin;

use namespace mx_internal;

/**
 *  The default skin class for the Spark ActionBar component.  
 *  
 *  @see spark.components.ActionBar
 *  
 *  @langversion 3.0
 *  @playerversion Flash 10
 *  @playerversion AIR 2.5
