<template>
    <div class="data-center-error">
        <img src="../../Common/Images/Empty.png" />
        <el-button v-if="showButton" type="primary" @click="buttonHandler">{{$t('dc.common.button.addDirectory')}}</el-button>
    </div>
</template>
<script>
export default {
    props: {
        showButton: {
            type: Boolean,
            default: false
        }
    },
    methods: {
        buttonHandler() {
            this.$emit("buttonHandler");
        }
    }
};
</script>
<style lang="less" scoped>
.data-center-error {
    .el-button {
        padding: 8px 11px;
        margin-top: 45px;
    }
}
</style>
