<template>
  <!-- Расстояние между слайдами -->
  <div>
    <div class="tw:flex tw:items-center tw:justify-between tw:mb-2 tw:gap-4">
      <label v-if="label" class="tw:font-medium tw:text-gray-700 tw:flex-shrink-0">
        {{ label }}
      </label>
      <div class="tw:flex tw:items-center tw:gap-2 tw:flex-shrink-0">
        <slot/>
      </div>
    </div>
    <small class="tw:block tw:text-sm tw:text-gray-500">
      <slot name="help"/>
    </small>
  </div>
</template>

<script setup>
const props = defineProps({
  label: {
    type: String,
    default: null,
  },
});
</script>
