21 lines
464 B
TypeScript
21 lines
464 B
TypeScript
|
interface ImagePreviewProps {
|
||
|
|
imageData: Uint8ClampedArray;
|
||
|
|
}
|
||
|
|
|
||
|
|
function ImagePreview({ imageData }: ImagePreviewProps) {
|
||
|
|
const imageBlob = new Blob([imageData], { type: "image/png" });
|
||
|
|
const imageUrl = URL.createObjectURL(imageBlob);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="blur-sm mx-auto">
|
||
|
|
<img
|
||
|
|
alt="preview"
|
||
|
|
src={imageUrl}
|
||
|
|
className="object-contain max-h-96 max-w-96 mx-auto"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ImagePreview;
|