<template>
<div class="flex justify-end mb-4">
      <input
        v-model="searchText"
        type="text"
        placeholder="Cari ..."
        class="border border-C bg-A rounded-md px-3 py-2 w-64 focus:outline-none focus:ring-2 focus:ring-blue-400"
        @input="$emit('update:search', searchText)"
      />
    </div>
</template>
<script setup>
import { ref } from "vue";

const searchText = ref("");
defineEmits(["update:search"]);
</script>