Make the stocks drawer look more realistic

sky/examples/stocks/stocks.sky

Index: sky/examples/stocks/stocks.sky
diff --git a/sky/examples/stocks/stocks.sky b/sky/examples/stocks/stocks.sky
index 5db7799cfb85238f8904576f9bff8d406b399b47..e90729c61f7fd1aa30f2bba51b4fb86dcbc1c4cf 100644
--- a/sky/examples/stocks/stocks.sky
+++ b/sky/examples/stocks/stocks.sky
@@ -3,9 +3,12 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 -->
+<import src="/sky/framework/sky-drawer-header.sky" />
 <import src="/sky/framework/sky-drawer.sky" />
 <import src="/sky/framework/sky-element.sky" />
 <import src="/sky/framework/sky-icon.sky" />
+<import src="/sky/framework/sky-menu-divider.sky" />
+<import src="/sky/framework/sky-menu-item.sky" />
 <import src="/sky/framework/sky-scrollable.sky" />
 <import src="/sky/framework/sky-toolbar.sky" />
 <import src="stock.sky" as='view'/>
@@ -35,12 +38,8 @@
       color: white;
     }
     sky-icon {
-      display: flex;
-      justify-content: center;
-      align-items: center;
       padding: 8px;
       margin: 0 4px;
-      color: black;
     }
     #title {
       flex: 1;
@@ -51,7 +50,14 @@
     }
   </style>
   <sky-drawer id="drawer">
-    I am drawer
+    <sky-drawer-header>
+      Stocks
+    </sky-drawer-header>
+    <sky-menu-item icon="content/inbox">Inbox</sky-menu-item>
+    <sky-menu-item icon="content/drafts">Drafts</sky-menu-item>
+    <sky-menu-divider />
+    <sky-menu-item icon="action/settings">Settings</sky-menu-item>
+    <sky-menu-item icon="action/help">Help &amp; feedback</sky-menu-item>
   </sky-drawer>
   <sky-toolbar level="2">
     <sky-icon id="menu" type="navigation/menu_white" size="24" />