mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-15 16:51:37 +00:00
22 lines
476 B
TypeScript
22 lines
476 B
TypeScript
import clsx from 'clsx';
|
|
import NextImage, { ImageProps } from 'next/image';
|
|
import { memo } from 'react';
|
|
|
|
interface Props extends ImageProps {}
|
|
|
|
const Image = ({ alt, ...rest }: Props) => {
|
|
return (
|
|
<>
|
|
<NextImage className="mx-auto" alt={alt} {...rest} />
|
|
{alt && (
|
|
<span
|
|
className={clsx('block mx-auto', 'text-center text-gray-400', 'my-2')}
|
|
>
|
|
{alt}
|
|
</span>
|
|
)}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default memo(Image); |