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>
  );
}