<script setup>
import { useSlots, computed } from 'vue'

// defines
defineProps({
  value: String,
})

// computed properties
const hasActions = computed(() => !! useSlots().actions)
</script>

<template>
    <label class="label">
        <span class="label-text"><slot></slot></span>
        <span v-show="hasActions" class="flex items-center">
            <slot name="actions"></slot>
        </span>
    </label>
</template>
