import{A as e,D as t,E as n,M as r,P as i,Pt as a,Xt as o,et as s,k as c,rt as l}from"./vue-vendor-DMUmTARL.js";import{t as u}from"./_plugin-vue_export-helper-CWyGVBf-.js";import{t as d}from"./DarkModeToggle-yM6ol-Lh.js";import{t as f}from"./zfile-basic-DZspm_nQ.js";var p={},m={class:`absolute left-1/2 top-[60%] flex h-[400px] w-[320px] -translate-x-1/2 -translate-y-[40%] rotate-[-6deg] flex-col gap-4 rounded-xl border border-white/10 bg-white/10 p-6 opacity-60 shadow-2xl backdrop-blur-sm transition-opacity duration-700 hover:opacity-80`};function h(t,n){return s(),e(`div`,m,[...n[0]||=[r(`<div class="mb-2 flex items-center gap-3"><div class="h-3 w-3 rounded-full bg-red-400/80"></div><div class="h-3 w-3 rounded-full bg-yellow-400/80"></div><div class="h-3 w-3 rounded-full bg-green-400/80"></div></div><div class="mb-2 h-8 w-full rounded-md bg-white/10"></div><div class="flex h-12 w-full items-center gap-3 rounded-lg bg-white/5 px-3"><div class="h-8 w-8 rounded bg-blue-100/30"></div><div class="h-3 w-2/3 rounded bg-white/20"></div></div><div class="flex h-12 w-full items-center gap-3 rounded-lg bg-white/5 px-3"><div class="h-8 w-8 rounded bg-purple-100/30"></div><div class="h-3 w-1/2 rounded bg-white/20"></div></div><div class="flex h-12 w-full items-center gap-3 rounded-lg bg-white/5 px-3"><div class="h-8 w-8 rounded bg-teal-100/30"></div><div class="h-3 w-3/4 rounded bg-white/20"></div></div><div class="flex h-12 w-full items-center gap-3 rounded-lg bg-white/5 px-3"><div class="h-8 w-8 rounded bg-indigo-100/30"></div><div class="h-3 w-3/5 rounded bg-white/20"></div></div>`,6)]])}var g=u(p,[[`render`,h]]),_={class:`auth-split-layout flex h-full min-h-0 w-full overflow-hidden bg-surface font-sans selection:bg-zp selection:text-white`},v={class:`auth-split-sidebar zf-dark-bg-transparent relative hidden w-[480px] shrink-0 flex-col justify-between overflow-hidden bg-zfile-sidebar lg:flex xl:w-[560px]`},y={class:`relative z-20 flex h-full flex-col justify-start p-12 xl:p-16`},b={class:`relative flex min-h-0 flex-1 flex-col items-center justify-between overflow-y-auto p-4 sm:p-6 lg:p-12`},x={class:`absolute right-4 top-4 z-30 sm:right-6 sm:top-6 lg:right-8 lg:top-8`},S={class:`flex w-full flex-1 flex-col`},C={class:`mx-auto my-auto w-full max-w-md space-y-6 bg-surface`},w={class:`text-center`},T=[`href`],E=[`src`,`alt`],D={class:`w-full max-w-md pt-4 text-center text-xs text-secondary`},O={__name:`AuthSplitLayout`,props:{showLogo:{type:Boolean,default:!0},logoHref:{type:String,default:`https://github.com/zfile-dev/zfile`},logoSrc:{type:String,default:``},logoAlt:{type:String,default:`ZFile Logo`}},setup(r){let u=r,p=n(()=>u.logoSrc?u.logoSrc:f),m=new Date().getFullYear();return(n,u)=>{let f=g,h=d;return s(),e(`div`,_,[t(`div`,v,[i(f),u[0]||=t(`div`,{class:`auth-split-gradient absolute inset-0 z-10 bg-gradient-to-t from-zfile-sidebar via-transparent to-transparent`},null,-1),t(`div`,y,[l(n.$slots,`leftText`)])]),t(`div`,b,[t(`div`,x,[i(h)]),t(`div`,S,[t(`div`,C,[t(`div`,w,[r.showLogo?l(n.$slots,`logo`,{key:0},()=>[t(`a`,{href:r.logoHref,target:`_blank`,class:`mb-4 inline-block transition-opacity hover:opacity-80`},[t(`img`,{src:a(p),class:`h-12 w-auto`,alt:r.logoAlt},null,8,E)],8,T)]):c(``,!0),l(n.$slots,`rightHeader`)]),l(n.$slots,`default`)])]),l(n.$slots,`footer`,{},()=>[t(`p`,D,` © `+o(a(m))+` ZFile. All rights reserved. `,1)])])])}}};export{O as t};