Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x | import { DEFAULT_GROUP_IMAGE } from 'constants/default-images';
import { ImageWithFallback } from '@/components/ui';
type CardThumbnailProps = {
title: string;
thumbnail?: string;
};
export const CardThumbnail = ({ title, thumbnail }: CardThumbnailProps) => {
return (
<div className='relative h-[100px] w-[100px] shrink-0 overflow-hidden rounded-2xl bg-gray-200'>
<ImageWithFallback
width={100}
className='h-full w-full object-cover'
alt={title}
fallbackSrc={DEFAULT_GROUP_IMAGE}
height={100}
src={thumbnail ?? ''}
unoptimized
/>
</div>
);
};
|