Clean up stock_app.dart

sky/framework/components/action_bar.dart

Index: sky/framework/components/action_bar.dart
diff --git a/sky/framework/components/action_bar.dart b/sky/framework/components/action_bar.dart
index 8e97cf510c483c908c9913379687b345b06d2ae9..7b8cdbc0ac345bd28abd826d19dc7483d5b6f8ce 100644
--- a/sky/framework/components/action_bar.dart
+++ b/sky/framework/components/action_bar.dart
@@ -3,29 +3,39 @@
 // found in the LICENSE file.
 
 import '../fn.dart';
-import '../theme/colors.dart';
 import '../theme/shadows.dart';
 import '../theme/view-configuration.dart';
 
 class ActionBar extends Component {
-  List<Node> children;
-
   static final Style _style = new Style('''
     display: flex;
     align-items: center;
     height: 56px;
     padding: 0 8px;
-    background-color: ${Purple[500]};
     padding-top: ${kStatusBarHeight}px;
-    box-shadow: ${Shadow[2]};'''
-  );
+    box-shadow: ${Shadow[2]};''');
+
+  static Style _centerStyle = new Style('''
+    padding-left: 24px;
+    flex: 1;''');
+
+  Node left;
+  Node center;
+  List<Node> right;
 
-  ActionBar({String key, this.children}) : super(key: key);
+  ActionBar({
+    String key,
+    this.left,
+    this.center,
+    this.right
+  }) : super(key: key);
 
   Node build() {
-    return new Container(
-      style: _style,
-      children: children
-    );
+    List<Node> children = [left, new StyleNode(center, _centerStyle)];
+
+    if (right != null)
+      children.addAll(right);
+
+    return new Container(style: _style, children: children);
   }
 }