<script setup>
  import {ref} from 'vue'
  import AisSearchInput from "@c/search-input/AisSearchInput.vue";
  const searchValue = ref('')
  const previousValue = ref('')
</script>

<template>
  <div class="grid gap-4">
    <AisSearchInput
        ref="search"
        placeholder="Enter search value..."
        v-model="searchValue"
        @clear="previousValue=$event"
    />
    <div v-if="previousValue" class="p-4 bg-ui-gray-50">
      <span class="font-semibold">Previous value:</span> {{previousValue}}
    </div>
  </div>
</template>

