21 lines
524 B
TypeScript
21 lines
524 B
TypeScript
import Image from 'next/image';
|
|
import { memo } from 'react';
|
|
|
|
export const ImagePreview = memo(function ImagePreview({ url, size }: { url: string; size: string }) {
|
|
return (
|
|
<div
|
|
className={`relative h-full ${size === 'large' ? 'w-full' : 'w-2/3'} rounded-lg border border-zinc-800 xl:w-2/3`}
|
|
>
|
|
<Image
|
|
src={url}
|
|
alt={url}
|
|
width="0"
|
|
height="0"
|
|
sizes="100vw"
|
|
className="h-auto w-full rounded-lg object-cover"
|
|
priority
|
|
/>
|
|
</div>
|
|
);
|
|
});
|