var smartNavbarComponent = {
  template: `
  <span>
  <v-navigation-drawer v-model="drawer" fixed app>
    <v-list dense>
      <v-list-tile>
        <v-list-tile-action>
          <v-icon>home</v-icon>
        </v-list-tile-action>
        <v-list-tile-content>
          <v-list-tile-title>Home</v-list-tile-title>
        </v-list-tile-content>
      </v-list-tile>
      <v-list-tile>
        <v-list-tile-action>
          <v-icon>contact_mail</v-icon>
        </v-list-tile-action>
        <v-list-tile-content>
          <v-list-tile-title>Contact</v-list-tile-title>
        </v-list-tile-content>
      </v-list-tile>
    </v-list>
  </v-navigation-drawer>
  <v-toolbar color="blue lighten-2" dark fixed app>
    <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
    <img src="/one-ui/libs/image/onetext.png" alt="image" height = 15px>
  </v-toolbar>
  </span>
  `,
  data: function() {
    return {
      drawer: false
    };
  },
  methods: {}
};

export { smartNavbarComponent };