<template>
  <v-dialog v-model="value" :max-width="width" :persistent="persistent" @input="change" @keydown.esc="choose(false)">
    <v-card>
      <v-card-title class="headline">
        Use Google's location service?
      </v-card-title>
      <v-card-text>Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.</v-card-text>
      <v-card-actions>
        <v-spacer />
        <v-btn color="green darken-1" text @click="choose(false)">
          Disagree
        </v-btn>
        <v-btn color="green darken-1" text @click="choose(false)">
          Agree
        </v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script>
export default {
  // components: {
  //   VCard,
  //   VCardActions,
  //   VCardText,
  //   VDialog,
  //   VIcon,
  //   VToolbar,
  //   VToolbarTitle,
  //   VSpacer,
  //   VBtn
  // },
  props: {
    buttonTrueText: {
      type: String,
      default: 'Yes'
    },
    buttonFalseText: {
      type: String,
      default: 'No'
    },
    buttonTrueColor: {
      type: String,
      default: 'primary'
    },
    buttonFalseColor: {
      type: String,
      default: 'grey'
    },
    color: {
      type: String,
      default: 'warning'
    },
    icon: {
      type: String,
      default: 'mdi-information'
    },
    message: {
      type: String,
      required: true
    },
    persistent: Boolean,
    title: {
      type: String,
      default: ''
    },
    width: {
      type: Number,
      default: 350
    }
  },
  data () {
    return {
      value: true
    }
  },
  methods: {
    choose (value) {
      this.$emit('result', value)
      this.value = value
      this.$destroy()
    },

    change (res) {
      this.$destroy()
    }
  }
}
</script>
