<template>
  <div class="grid gap-8">
    <AisSelect
      :options="['sm', 'md', 'lg']"
      v-model="selectedSize"
    />

    <AisInput
      :size="selectedSize"
      :modelValue="label"
    />
  </div>
</template>

<script setup>
  import {ref, computed} from "vue";
  import AisInput from '@/components/input/AisInput.vue'
  import AisSelect from '@/components/select/AisSelect.vue'

  const selectedSize = ref('md')
  const label = computed(() => 'Size: ' + selectedSize.value )
</script>
