1import{j as e}from"./jsx-runtime-u17CrQMm.js";import{c}from"./index-CXdMk6uD.js";import{L as m}from"./LazyImage-DMH9tryy.js";import"./message-Dmjd5BUk.js";import"./validate_pb-CUY5UUaI.js";import{S as p}from"./Spinner-DtmqV5lA.js";import"./getCommentTimeDisplay-CypeQIKc.js";import{a as s}from"./chunk-LFPYN7LY-3HAXvZlX.js";import{S as h}from"./Video-Pt4WL5sA.js";const u=t=>s.createElement("svg",{...t,width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:t.className},s.createElement("path",{d:"M17.8411 1.96688L11.8411 2.96688C11.3591 3.04688 10.9971 3.47788 10.9971 3.96687L10.9861 14.4949C10.3921 14.1449 9.73707 13.9669 8.99707 13.9669C6.78807 13.9669 4.99707 15.7579 4.99707 17.9669C4.99707 20.1759 6.78807 21.9669 8.99707 21.9669C11.2061 21.9669 12.9971 20.1759 12.9971 17.9669L13.0101 8.80488L18.1471 7.93489C18.2611 7.91689 18.5211 7.83387 18.7471 7.59187C18.9941 7.33587 18.9971 7.07287 18.9971 6.96687V2.96688C18.9971 2.34888 18.4501 1.86488 17.8411 1.96688Z",fill:"currentColor"})),I=({alt:t="",isAudio:n=!1,isVideo:l=!1,loading:r=!1,maxHeight:o=120,onRemove:i,src:d})=>{const a=g({loading:r});return e.jsxs("div",{className:a.root(),"data-slot":"image-preview",children:[n?e.jsx("div",{className:a.audioPlaceholder(),"data-slot":"image-preview-audio",style:{height:o,width:o},children:e.jsx(u,{className:a.audioIcon()})}):e.jsxs(e.Fragment,{children:[e.jsx(m,{alt:t,className:a.image(),src:d,style:{maxHeight:o}}),l?e.jsx("span",{className:a.videoBadge(),"data-slot":"image-preview-video",children:e.jsx(h,{className:a.videoIcon()})}):null]}),r?e.jsx("div",{className:a.spinnerOverlay(),"data-slot":"image-preview-loading",children:e.jsx(p,{size:22})}):null,i&&!r?e.jsx("button",{"aria-label":l?"Remove video":"Remove image",className:a.remove(),onClick:i,type:"button",children:"â"}):null]})},g=c({slots:{audioIcon:"w-[28px] h-[28px] text-light-alpha-70",audioPlaceholder:"flex items-center justify-center rounded-12 border border-light-alpha-10 bg-light-alpha-06",image:"w-auto max-w-full rounded-12 object-contain border border-light-alpha-10",remove:"absolute -top-6 -right-6 w-[20px] h-[20px] rounded-full bg-dark-alpha-70 hover:bg-dark-alpha-90 text-light-alpha-90 hover:text-light-alpha-100 flex items-center justify-center cursor-pointer border-0 font-caption transition-colors",root:"relative inline-flex w-fit",spinnerOverlay:"absolute inset-0 flex flex-col gap-4 items-center justify-center rounded-12 bg-dark-alpha-60",videoBadge:"pointer-events-none absolute top-4 left-4 flex items-center justify-center rounded-6 bg-dark-alpha-70 p-2 text-light-alpha-90",videoIcon:"w-12 h-12"},variants:{loading:{true:{image:"opacity-60"}}}});export{I,u as S}; 2//# sourceMappingURL=ImagePreview-CCAhrupB.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.