<template>
  
    <v-dialog
      v-model="dialog"
      max-width="30%"
    >
        <v-card>
            <v-card-title
                class="headline red white--text lighten-2 pt-2 pb-2"
                primary-title
            >
            ERROR !
            </v-card-title>
            <v-card-text class="pt-2 pb-2">
                <v-layout row>
                    <v-flex xs12 d-flex>
                        <v-layout row>
                            <v-flex pb-1 xs12>
                                <v-layout row>
                                    <v-flex pt-2 pr-2 xs12>
                                        {{xmsg}}
                                    </v-flex>
                                </v-layout>
                            </v-flex>
                        </v-layout>
                    </v-flex>
                </v-layout> 
            </v-card-text>
            <v-divider></v-divider>
            <v-card-actions>
                
                <v-spacer></v-spacer>
                <v-btn
                    color="red"
                    flat
                    @click="dialog=!dialog"
                >
                Tutup
                </v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>
  
</template>

<style scoped>
</style>

<script>
module.exports = {
    props : ['msg'],
    data () {
        return {
            
        }
    },
    computed : {
        xmsg() {
            return this.msg
        },

        dialog : {
            get () { return this.$store.state.dialog_error },
            set (v) { this.$store.commit('update_dialog_error', v) }
        }
    },
    methods: {
    }
}
</script>
