primereact/fileupload/itempreview/index.mjs

A rich set of premium UI Components for React.

'use client';

import{Component as P,withComponent as I}from"@primereact/core/component";import{mergeProps as F}from"@primeuix/utils";import*as e from"react";import{createOptionalContext as u}from"@primereact/core/utils";var[v,m]=u();import{createOptionalContext as U}from"@primereact/core/utils";var[C,n]=U();var a={as:"img"};var T=I({name:"FileUpload.ItemPreview",defaultProps:a,setup(){let t=m(),r=n();return{fileupload:t,fileuploaditem:r}},render(t){let{props:r,ptmi:s,fileupload:i,fileuploaditem:c}=t,o=c?.file,[d,p]=e.useState(void 0);e.useEffect(()=>{if(!o){p(void 0);return}let l=URL.createObjectURL(o);return p(l),()=>{URL.revokeObjectURL(l)}},[o]);let f=F(i?.fileThumbnailProps,{className:i?.cx("fileThumbnail"),role:"presentation",src:d,alt:o?.name,width:50},i?.ptm("fileThumbnail"),s("root"));return e.createElement(P,{instance:t,attrs:f,children:r.children})}});export{T as FileUploadItemPreview,a as defaultItemPreviewProps};