<style lang="scss" scoped>
  .empty { color: lighten(darkgray, 10%) !important; }
</style>

<template>
    <section class="hero empty">
        <div class="hero-body">
            <div class="container has-text-centered">
            <b-icon :icon="icon || 'playlist-remove'" size="is-medium"/>
            <p class="mt-2"> {{ text || $t('message.empty_list') }} </p>
            </div>
        </div>
    </section>
</template>

<script>
export default {
  name: "LeanispEmpty",
  props: ["icon", "text"]
};
</script>