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