import{_ as d,D as m,o as u,c as V,d as t,w as n,a as i,k as r,t as p,f}from"./entry.DPwc-EV0.js";import{V as v}from"./vue-select-DlY5_TFh.mjs";const h={components:{VueSelect:v},props:{value:{type:String}},emits:["setViewType"],data(){return{localVal:this.value}},watch:{localVal(l){this.$emit("setViewType",l)}}},w={class:"search-sort"},x={class:"option"},b={class:"option"};function k(l,a,S,g,s,y){const c=f,_=m("VueSelect");return u(),V("div",w,[t(_,{modelValue:s.localVal,"onUpdate:modelValue":a[0]||(a[0]=e=>s.localVal=e),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(" "+p(e),1)])]),"selected-option":n(({label:e,icon:o})=>[i("div",b,[t(c,{icon:o,"icon-color":"black"},null,8,["icon"]),r(" View: "+p(e),1)])]),_:1},8,["modelValue","reduce"])])}const T=d(h,[["render",k],["__scopeId","data-v-6daef1f2"]]);export{T as _};