/**
 * @module {can-component} Dropdown menu
 * @parent bithub-admin.components
 *
 * @signature `<bithub-dropdown-menu {title}="title" {items}="items" />`
 * Import file then add tag to template.
 *
 * @body
 *
 * ## Example
 * @demo components/dropdown-menu.html
 *
 */
import Component from 'can-component';
import DefineMap from 'can-define/map/';
import template from './dropdown-menu.stache';

export const ViewModel = DefineMap.extend(
  /** @prototype */
{
  /**
   * @property
   */
  title: {
    type:'string'
  },
  /**
   * @property
   */
  visible: {
    type: 'boolean',
    value: 'false'
  },
  /**
   * @property
   */
  items:{
    type:'observable'
  }
  /**
   * @function toggle
   * opens and closes the dropdown
   */
  toggle: function () {
    this.visible = !this.visible;
  },
});

export default Component.extend({
  tag: 'bithub-dropdown-menu',
  ViewModel: ViewModel,
  template
});

@@ -84,129 +84,378 @@
  * @
-signature %60%3Cbithub-dropdown-menu %7Btitle%7D=%22title%22 %7Bitems%7D=%22items%22 /%3E%60%0A * Import file then add tag to template.%0A *%0A * @body
+description Provides dropdown menu for the Bithub Admin application%0A *%0A * @signature %60%3Cbithub-dropdown-menu %7Btitle%7D=%22title%22 %7Bitems%7D=%22items%22 /%3E%60%0A *  Creates dropdown menu for Bithub Admin%0A *%0A * @param %7Bcan-define/map%7CObject%7D%0A *%0A * @body%0A * ## Component initialization%0A * %60%60%60html%0A *    %60%3Cbithub-dropdown-menu %7Btitle%7D=%22title%22 %7Bitems%7D=%22items%22%3E%3C/bithub-dropdown-menu%3E%60%0A * %60%60%60
 %0A *%0A
@@ -501,16 +501,30 @@
 own-menu
+/dropdown-menu
 .html%0A *
@@ -929,16 +929,17 @@
 ble'%0A  %7D
+,
 %0A  /**%0A 

fix the comma error