import{jsx as e,jsxs as i}from"react/jsx-runtime";import{u as r,b as o,c as s,d as a,P as t,e as l}from"./index-CQXsL1YZ.js";import"@bbodek/utils";import"react";import{P as n}from"./PreviewOverlayWrapper-BRqypEw3.js";import"react-dom";import"@bbodek/hooks";import"overlay-kit";const m=l((()=>import("./PreviewMultiMobileViewer-CoHBGsLM.js")),{ssr:!1}),d=({files:l,initialFile:d,isLoading:p,className:c,onClose:u})=>{const{models:{previewId:f,currentFile:b},operations:{onChange:g}}=r({files:l,initialFile:d});return e(n,{children:i(o,{className:s(c,t.MOBILE.CONTAINER),children:[(()=>{if(!b)return null;const{badge:i,...r}=b;return e(m,{badge:i,closeOption:{onClose:u},file:r,id:f,isLoading:p})})(),e(a,{className:"in-flex-h-stack mx-3 my-[0.875rem] gap-x-1.5 overflow-x-auto",currentFile:b,disabled:p,files:l,previewId:f,onChange:g})]})})};export{d as default};
//# sourceMappingURL=PreviewMultiMobile-DRoU2NIB.js.map
