<template>
    <v-dialog origin persistent v-model="show" max-width="400px">
        <v-card>
            <v-card-title class="headline primary white--text">
                Odhlásiť sa?
                <v-spacer></v-spacer>
                <v-btn icon @click.native="$emit('zrusitOdhlasenie')" dark>
                    <v-icon>mdi-close</v-icon>
                </v-btn>
            </v-card-title>
            <v-divider></v-divider>
            <v-card-text>
                <v-icon x-large color="primary">mdi-help</v-icon>
                Prajete si odhlásiť sa z aplikácie?
            </v-card-text>
            <v-divider></v-divider>
            <v-card-actions>
                <v-btn color="secondary" @click="$emit('zrusitOdhlasenie')">Zrušiť</v-btn>
                <v-spacer></v-spacer>
                <v-btn color="danger" @click.native="$emit('odhlasenie')">Odhlásiť sa</v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>
</template>

<script>
  export default {
    name: 'DialogOdhlasenieComponent',
    props: {
      show: {
        type: Boolean,
        default: false
      }
    }
  }
</script>

<style scoped></style>
