<script setup>
import { computed } from 'vue';

const props = defineProps({
  className: {
    type: String,
    default: '',
  }
});

const descriptionClasses = computed(() => [
  'text-sm',
  'text-gray-600',
  'dark:text-gray-400',
  props.className,
].filter(Boolean));
</script>

<template>
  <p :class="descriptionClasses">
    <slot />
  </p>
</template>