<template>
  <v-card tile flat class="ma-0 pa-0 white--text" color="keen_dark_grey">
    <v-card-title class="subtitle-1 ma-0 pa-0 pl-1">
      <span class="px-2 py-0">{{ title }}</span>
      <v-spacer/>
      <slot>
        <v-btn icon class="ma-0 pa-0" @click="hide()">
          <v-icon color="white">mdi-close</v-icon>
        </v-btn>
      </slot>
    </v-card-title>
  </v-card>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: 'Title',
    },
  },
  methods: {
    hide: function(id) {
      this.$emit('hide')
    },
  }
}
</script>
