import{_ as d,ap as u,L as m,d as V,e as v,j as t,x as n,f as i,r,k as b,t as _}from"#entry";const f={components:{VueSelect:u},props:{value:{type:String}},emits:["setViewType"],data(){return{localVal:this.value}},watch:{localVal(l){this.$emit("setViewType",l)}}},g={class:"search-sort"},x={class:"option"},h={class:"option"};function w(l,s,k,S,a,y){const c=b,p=m("VueSelect");return v(),V("div",g,[t(p,{modelValue:a.localVal,"onUpdate:modelValue":s[0]||(s[0]=e=>a.localVal=e),"input-id":"toggle-select",placeholder:"View",clearable:!1,class:"select",options:[{value:"grid",label:"Grid",icon:"mdi:view-grid"},{value:"list",label:"List",icon:"mdi:format-list-text"}],reduce:e=>e.value,label:"label"},{option:n(({label:e,icon:o})=>[i("div",x,[t(c,{icon:o,"icon-color":"black"},null,8,["icon"]),r(" "+_(e),1)])]),"selected-option":n(({label:e,icon:o})=>[i("div",h,[t(c,{icon:o,"icon-color":"black"},null,8,["icon"]),r(" View: "+_(e),1)])]),_:1},8,["modelValue","reduce"])])}const B=Object.assign(d(f,[["render",w],["__scopeId","data-v-400a495f"]]),{__name:"WebViewToggle"});export{B as _};