https://www.bluesign.com/_nuxt/DtfL22yr.js

1import a from"./D9tIVw1i.js";import{b as e,w as s,k as r,F as n,aa as o,R as t,ad as i,z as u,V as l,ae as c,c as b,U as p,a2 as m,Q as h}from"./DACOE4lt.js";import"./BCo6x5W8.js";const d={__name:"SearchBar",props:{isVisible:Boolean,onSubmitSearch:Function,keyword:String,inMenu:{type:Boolean,required:!1,default:!1}},setup(d){const k=d,y=e(null),S=e(k.keyword||"");s(()=>k.keyword,a=>S.value=a),s(()=>k.isVisible,a=>{var e;a&&(null==(e=y.value)||e.focus())});const f=r(()=>["search-bar",{"search-bar--visible":k.isVisible,"search-bar--menu":k.inMenu}]);return(e,s)=>{const r=a;return h(),n("div",{class:m(u(f))},[o(l("input",{ref_key:"searchInput",ref:y,type:"text",name:"search","onUpdate:modelValue":s[0]||(s[0]=a=>b(S)?S.value=a:null),onKeyup:s[1]||(s[1]=c(a=>d.onSubmitSearch(u(S)),["enter"])),class:"search-bar__input",placeholder:"What are you looking for?"},null,544),[[i,u(S)]]),u(S)||!d.inMenu?(h(),n("button",{key:0,class:"search-bar__submit","aria-label":"Submit",onClick:s[2]||(s[2]=a=>d.onSubmitSearch(u(S)))},[p(r)])):t("",!0)],2)}}};export{d as default};