/*! 
 Build based on gin-vue-admin 
 Time : 1776662816000 */
import{O as e,P as a,G as l,g as t,c as r,o as s,b as o,F as n,J as d,K as u,n as i,f as c,w as g,i as m,T as y,t as p,ar as v,as as x,at as b}from"./087AC4D233B64EB0index.D-00lXMX.js";const f={class:"flex justify-center"},k={class:"inline-flex bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-1 gap-1"},h=["onClick"],C={class:"text-xs font-medium"},V=Object.assign({name:"ThemeModeSelector"},{__name:"themeModeSelector",props:{modelValue:{type:String,default:"auto"}},emits:["update:modelValue"],setup(V,{emit:j}){const w=j,S=e(),{config:_}=a(S),B=l(()=>_.value.primaryColor),M=[{value:"light",label:"浅色",icon:v},{value:"dark",label:"深色",icon:x},{value:"auto",label:"跟随系统",icon:b}];return(e,a)=>{const l=t("el-icon");return s(),r("div",f,[o("div",k,[(s(),r(n,null,d(M,e=>o("div",{key:e.value,class:i(["flex flex-col items-center justify-center px-4 py-3 rounded-md cursor-pointer transition-all duration-150 ease-in-out min-w-[64px]",[V.modelValue===e.value?"text-white shadow-sm transform -translate-y-0.5":"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700"]]),style:u(V.modelValue===e.value?{backgroundColor:B.value}:{}),onClick:a=>(e=>{w("update:modelValue",e)})(e.value)},[c(l,{class:"text-lg mb-1"},{default:g(()=>[(s(),m(y(e.icon)))]),_:2},1024),o("span",C,p(e.label),1)],14,h)),64))])])}}});export{V as default};