23 lines
546 B
TypeScript
23 lines
546 B
TypeScript
|
import Image, { StaticImageData } from 'next/image'
|
||
|
|
|
||
|
|
|
||
|
|
interface PostImageProps {
|
||
|
|
alt: string
|
||
|
|
caption?: string
|
||
|
|
size?: string
|
||
|
|
src: StaticImageData
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function PostImage({ alt, caption, size, ...props }: PostImageProps) {
|
||
|
|
|
||
|
|
const classes = (size === 'lg') ? 'lg:-ml-32 lg:-mr-32' : ''
|
||
|
|
|
||
|
|
return (
|
||
|
|
<figure className={classes}>
|
||
|
|
<Image className="w-full" {...props} alt={alt} />
|
||
|
|
{caption &&
|
||
|
|
<figcaption className="text-sm text-center text-gray-500 mt-3">{caption}</figcaption>
|
||
|
|
}
|
||
|
|
</figure>
|
||
|
|
)
|
||
|
|
}
|