15 lines
441 B
TypeScript
15 lines
441 B
TypeScript
export default function ImagePreview({ url, size }: { url: string; size: string }) {
|
|
return (
|
|
<div className={`relative h-full ${size === 'large' ? 'w-4/5' : 'w-1/2'} mt-2 rounded-lg border border-zinc-800`}>
|
|
<img
|
|
src={url}
|
|
alt={url}
|
|
className="h-auto w-full rounded-lg object-cover"
|
|
loading="lazy"
|
|
decoding="async"
|
|
style={{ contentVisibility: 'auto' }}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|