<template>
    <v-flex xs12 md4>
        <v-card class="elevation-5 transparent">
            <v-card-text class="text-xs-center">
                <v-icon x-large class="blue--text text--lighten-2">fa-bell</v-icon>
            </v-card-text>
            <v-card-title primary-title class="layout justify-center">
                <div class="headline">Top Widget</div>
            </v-card-title>
            <v-card-text>
               todo: make this a box / card, add the buttons for the functionality or maybe a menu inside it
                common options on front and less common in the menu
                also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog? 
            </v-card-text>
        </v-card>
    </v-flex>
    <!-- <v-container>
        <v-layout text-xs-center wrap="">
            <v-flex mb-4>
                <h1 class="display-2 font-weight-bold mb-3">TOP WIDGET</h1>
                todo: make this a box / card, add the buttons for the functionality or maybe a menu inside it
                common options on front and less common in the menu
                also does it expand insde to show sub items like edit a widget or widget list or does that open to a new window entirely or dialog?                
            </v-flex>
        </v-layout>
    </v-container>-->
</template>

<script>
export default {
  data: () => ({})
};
</script>

<style>
</style>
