21 lines
561 B
TypeScript
21 lines
561 B
TypeScript
export function Image({ src, alt, title }: { src: string; alt?: string; title?: string }) {
|
|
return (
|
|
<figure className="my-8">
|
|
<div className="overflow-hidden rounded-lg border border-desert-tan-lighter shadow-md">
|
|
<img
|
|
src={src}
|
|
alt={alt || ''}
|
|
title={title}
|
|
className="w-full h-auto"
|
|
loading="lazy"
|
|
/>
|
|
</div>
|
|
{alt && (
|
|
<figcaption className="mt-3 text-center text-sm text-desert-stone italic">
|
|
{alt}
|
|
</figcaption>
|
|
)}
|
|
</figure>
|
|
)
|
|
}
|