<template>
  <div class="grid gap-8">
    <AisSelect
      :options="inputTypes"
      v-model="selectedType"
    />

    <AisInput
      :type="selectedType"
      v-model="inputValue"
    />
  </div>
</template>

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


  const selectedType = ref('text')
  const inputValue = ref('')
</script>
