<template>
  <div class="grid gap-8">
    <AisSelect
      :options="controlStates"
      v-model="selectedStatus"
    />
    <AisInput
      :status="selectedStatus"
      v-model="value"
    />
  </div>
</template>

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

  const selectedStatus = ref('busy')
  const value = ref('Show a status')
</script>
