assembly/components/sidebar/context/components/SidebarSectionValueWithIcon.vue
Georges KABBOUCHI 6f362361e3 wip
2021-07-27 21:54:59 +03:00

26 lines
591 B
Vue

<template>
<div
class="flex flex-col items-center justify-center flex-shrink-0"
:class="{ 'text-center': center }"
>
<slot name="icon" />
<value-display class="mt-4" :label="label" :center="center">
<slot name="value" />
</value-display>
</div>
</template>
<script>
import { defineComponent } from '@nuxtjs/composition-api'
import ValueDisplay from './ValueDisplay.vue'
export default defineComponent({
components: { ValueDisplay },
props: {
label: { type: String, required: true },
center: { type: Boolean, default: false },
},
})
</script>