import{jsx as e,jsxs as i}from"react/jsx-runtime";import{u as r,P as s,b as o,c as t,d as a,e as l}from"./index-CQXsL1YZ.js";import"@bbodek/utils";import"react";import n from"./PreviewMultiController-C-Afq1Yq.js";import{P as m}from"./PreviewOverlayWrapper-BRqypEw3.js";import"react-dom";import"@bbodek/hooks";import"overlay-kit";const d=l((()=>import("./PreviewMultiDesktopViewer-BFb7NL9g.js")),{ssr:!1}),c=({files:l,initialFile:c,isLoading:p,className:f,onClose:u})=>{const{models:{previewId:v,currentFile:b},operations:{onChange:h}}=r({files:l,initialFile:c}),P=p||!b;return e(m,{className:s.DESKTOP.WRAPPER,children:i(o,{className:t(f,s.DESKTOP.CONTAINER,"in-flex-h-stack items-stretch"),children:[e(a,{className:"in-flex-v-stack mx-[0.875rem] my-5 gap-y-2 overflow-y-auto",currentFile:b,disabled:P,files:l,previewId:v,onChange:h}),e(n,{currentFile:b,disabled:P,files:l,previewId:v,onChange:h,children:(()=>{if(!b)return null;const{badge:i,...r}=b;return e(d,{badge:i,closeOption:{onClose:u},file:r,id:v,isLoading:p})})()})]})})};export{c as default};
//# sourceMappingURL=PreviewMultiDesktop-BK9OG3HO.js.map
