<template>
  <div>
    <span
      v-if="label"
      class="text-small text-dark-opacity text-bold top-margin-medium visible-block"
    >
      {{ label }}
    </span>

    <span
      v-if="description"
      class="text-small text-gray top-margin-x-small visible-block"
    >
      {{ description }}
    </span>

    <div :class="inline ? 'flex-inline' : ''">
      <slot></slot>
    </div>
  </div>
</template>

<script src="./scripts.js"></script>