import{_ as c,o as d,c as i,a as s,d as l,L as p,M as _,f as h}from"./entry.DPwc-EV0.js";const u={props:{placeholder:{type:String,default:"Search here..."},value:{type:String}},emits:["update"],data(){return{searchPhrase:this.value}}},m={class:"search-field"},f={class:"input"},v=["placeholder"];function x(a,e,n,g,o,y){const r=h;return d(),i("div",m,[s("div",f,[l(r,{icon:"mdi:magnify",class:"icon",width:24,"icon-color":"#666666"}),p(s("input",{"onUpdate:modelValue":e[0]||(e[0]=t=>o.searchPhrase=t),type:"search",placeholder:n.placeholder,onInput:e[1]||(e[1]=t=>{a.$emit("update",t.target.value)})},null,40,v),[[_,o.searchPhrase]])])])}const I=c(u,[["render",x],["__scopeId","data-v-11db0505"]]);export{I as _};