<template>
    <el-dialog class="entryDialog" :visible.sync="outerVisible" :center="center" :width="width"
        :close-on-click-modal="false" :close-on-press-escape="false" @close="close">
        <template slot="title">
            <slot name="title"></slot>
        </template>
        <slot name="content"></slot>
        <span slot="footer" class="dialog-footer">
            <slot name="footer"></slot>
        </span>
    </el-dialog>
</template>

<script>
export default {
    props: {
        outerVisible: {
            type: Boolean,
            default: false,
        },
        center: {
            type: Boolean,
            default: false
        },
        width: {
            type: String,
            default: '500px'
        }
    },
    data() {
        return {}
    },
    methods: {
        close() {
            this.$emit('close')
        }
    }
}
</script>

<style lang="scss" scoped></style>