Initial commit of Effen reactive framework experiment for Sky

sky/examples/fn/widgets/menuitem.dart

Index: sky/examples/fn/widgets/menuitem.dart
diff --git a/sky/examples/fn/widgets/menuitem.dart b/sky/examples/fn/widgets/menuitem.dart
new file mode 100644
index 0000000000000000000000000000000000000000..e1ca1a0f9d104d64255b35c77830a71df29bcaae
--- /dev/null
+++ b/sky/examples/fn/widgets/menuitem.dart
@@ -0,0 +1,45 @@
+part of widgets;
+
+class MenuItem extends Component {
+
+  static Style _style = new Style('''
+    display: flex;
+    align-items: center;
+    height: 48px;
+    -webkit-user-select: none;'''
+  );
+
+  static Style _iconStyle = new Style('''
+    padding: 0px 16px;'''
+  );
+
+  static Style _labelStyle = new Style('''
+      font-family: 'Roboto Medium', 'Helvetica';
+      color: #212121;
+      padding: 0px 16px;
+      flex: 1;'''
+  );
+
+  List<Node> children;
+  String icon;
+
+  MenuItem({ Object key, this.icon, this.children }) : super(key: key) {
+  }
+
+  Node render() {
+    return new Container(
+      style: _style,
+      children: [
+        new Icon(
+          style: _iconStyle,
+          size: 24,
+          type: "${icon}_grey600"
+        ),
+        new Container(
+          style: _labelStyle,
+          children: children
+        )
+      ]
+    );
+  }
+}