Move example fn widgets into sky/framework/components

sky/framework/components/drawer_header.dart

Index: sky/framework/components/drawer_header.dart
diff --git a/sky/examples/fn/widgets/drawerheader.dart b/sky/framework/components/drawer_header.dart
similarity index 68%
rename from sky/examples/fn/widgets/drawerheader.dart
rename to sky/framework/components/drawer_header.dart
index 052dad5120abe87c78cae3978d9786285baebdf7..91bb2cf6d0c2ae112501de293acbca672c52968c 100644
--- a/sky/examples/fn/widgets/drawerheader.dart
+++ b/sky/framework/components/drawer_header.dart
@@ -1,8 +1,12 @@
-part of widgets;
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
 
-class DrawerHeader extends Component {
+import '../fn.dart';
+import '../theme/colors.dart';
 
-  static Style _style = new Style('''
+class DrawerHeader extends Component {
+  static final Style _style = new Style('''
     display: flex;
     flex-direction: column;
     height: 140px;
@@ -13,11 +17,11 @@ class DrawerHeader extends Component {
     margin-bottom: 8px;'''
   );
 
-  static Style _spacerStyle = new Style('''
+  static final Style _spacerStyle = new Style('''
     flex: 1'''
   );
 
-  static Style _labelStyle = new Style('''
+  static final Style _labelStyle = new Style('''
     padding: 0 16px;
     font-family: 'Roboto Medium', 'Helvetica';
     color: #212121;'''