<template>
  <div class="ais-input-group">
    <slot />
  </div>
</template>

<script setup>
  import {expectedValues} from "@/util/prop-validators";
  import {useSize} from "@/composables/useInjections";
  import {provide} from 'vue';
  import {CONTROL_SIZE} from "@/util/controls";

  const props = defineProps({
    size: {
      type: String, required: false, default: undefined,
      validator: expectedValues('sm', 'md', 'lg')
    },
  })

  const fieldSize = useSize(props)
  provide(CONTROL_SIZE, fieldSize)
</script>
