From 3809b295a56fe6c39c72ef39fd33998116ecce30 Mon Sep 17 00:00:00 2001
From: Baghaztra <baghaztra21@gmail.com>
Date: Tue, 21 Oct 2025 17:41:04 +0700
Subject: [PATCH] Create Searchbar.vue

---
 resources/js/components/Searchbar.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 resources/js/components/Searchbar.vue

diff --git a/resources/js/components/Searchbar.vue b/resources/js/components/Searchbar.vue
new file mode 100644
index 0000000..1f886c1
--- /dev/null
+++ b/resources/js/components/Searchbar.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="border border-C bg-A rounded-md w-full relative items-center">
+    <input v-model="searchText" type="text" placeholder="Cari ..."
+      class="focus:outline-none focus:ring-2 focus:ring-blue-400 rounded-md w-full px-3 py-2 "
+      @input="$emit('update:search', searchText)" />
+    <div class="absolute right-3 top-1/2 -translate-y-1/2 text-C">
+     <i class="fas fa-search"></i>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref } from "vue";
+
+const searchText = ref("");
+defineEmits(["update:search"]);
+</script>