import{jsxs as e,jsx as a}from"react/jsx-runtime";import{c as i,f as t}from"./index-CQXsL1YZ.js";import"react";import"react-dom";import"@bbodek/hooks";import"@bbodek/utils";import"overlay-kit";const r=({files:r,currentFile:o,previewId:l,className:n,children:c,disabled:s,onChange:d})=>{const m=o?r.findIndex((e=>e.id===o.id)):null,p=s||null===m;return e("div",{className:i(n,"in-flex-v-stack group relative w-[calc(100%-3.75rem)] overflow-hidden"),children:[c,0!==m&&a(t,{"aria-controls":l,"aria-label":"이전",className:"absolute top-1/2 left-[1.625rem] z-10 -translate-y-1/2 opacity-0 transition-opacity group-hover:opacity-100",disabled:p,iconKey:"caret-line-left",theme:"dark",onClick:()=>d({file:r[m-1]})}),m!==r.length-1&&a(t,{"aria-controls":l,"aria-label":"다음",className:"absolute top-1/2 right-[1.625rem] z-10 -translate-y-1/2 opacity-0 transition-opacity group-hover:opacity-100",disabled:p,iconKey:"caret-line-right",theme:"dark",onClick:()=>d({file:r[m+1]})})]})};export{r as default};
//# sourceMappingURL=PreviewMultiController-C-Afq1Yq.js.map
