oxen-website/components/article/sections/ArticleSectionFeatureImage.tsx

24 lines
613 B
TypeScript

import { IFigureImage } from '../../../types/cms';
interface Props {
featureImage: IFigureImage;
}
export function ArticleSectionFeatureImage({ featureImage }: Props) {
return (
<div className="w-full pb-4 desktop:pb-0">
<div className="relative w-full mb-4 aspect-w-14 aspect-h-8">
<img
src={featureImage?.imageUrl}
alt={featureImage?.description ?? ''}
className="object-cover rounded"
/>
</div>
{featureImage?.description && (
<div className="w-8/12 text-sm italic">{featureImage?.description}</div>
)}
</div>
);
}