import{_ as e}from"./index.vue_vue_type_script_setup_true_lang-CcJLeMY2.js";import{q as t,r as s,R as a,U as r,t as l,v as n,A as i,K as o,M as c,bE as d}from"./vendor-core-Di0OO4oJ.js";import"./vendor-icons-ToTphQxd.js";const u={class:"monitor-header"},p={class:"header-title"},g={class:"subtitle"},v={class:"right-controls"},m={class:"header-time"},h=d(t({__name:"monitor-header",props:{isFullscreen:{type:Boolean}},emits:["toggleFullscreen"],setup(t,{emit:d}){const h=d,S=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")} ${String(e.getHours()).padStart(2,"0")}:${String(e.getMinutes()).padStart(2,"0")}:${String(e.getSeconds()).padStart(2,"0")}`,_=s(S(new Date));let $=null;return a(()=>{$=setInterval(()=>{_.value=S(new Date)},1e3)}),r(()=>{$&&clearInterval($)}),(s,a)=>{const r=e;return n(),l("div",u,[i("div",p,[i("h1",null,o(s.$t("dashboard.monitor.header.title")),1),i("p",g,o(s.$t("dashboard.monitor.header.subtitle")),1)]),i("div",v,[i("div",m,o(_.value),1),i("div",{class:"fullscreen-btn",onClick:a[0]||(a[0]=e=>h("toggleFullscreen"))},[c(r,{icon:t.isFullscreen?"ri:fullscreen-exit-line":"ri:fullscreen-line",class:"text-2xl"},null,8,["icon"])])])])}}}),[["__scopeId","data-v-961a4dbc"]]);export{h as default};
