<template>
    <div class="we-no-result">
        <img class="Thumbnail" :src="$_getPath(src, true)"/>
        <div class="Fa"> {{ textFa }} </div>
        <div class="En"> {{ textEn }} </div>
    </div>

</template>

<script>
export default {
    props: {
        src:                { default: '/images/Global/Animated/Loading.gif' },
        textFa:             { default: " درحال دریافت اطلاعات... لطفا شکیبا باشید " },
        textEn:             { default: " GATHERING DATA, PLEASE BE PATIENT " },

    },
};
</script>
<style lang="scss" scoped>

    .we-no-result {
        text-align: center;
        padding: 10px;
        width: 100%;
    }
    .we-no-result img {
        width: 300px;
        border-radius: 150px;
    }
    .we-no-result .Fa {
        font-size: 18px;
    }

    .we-no-result .En {
        direction: ltr;
        font-size: 12px;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
</style>
