ImageViewer.tsx 443 B

123456789101112131415161718192021222324
  1. import React from 'react';
  2. import { Image } from 'antd';
  3. interface ImageViewerProps {
  4. src: string;
  5. alt?: string;
  6. className?: string;
  7. onClick?: () => void;
  8. }
  9. const ImageViewer: React.FC<ImageViewerProps> = ({
  10. src,
  11. alt,
  12. className,
  13. onClick,
  14. }) => {
  15. return (
  16. <div className={`image-viewer ${className}`}>
  17. <Image src={src} alt={alt} onClick={onClick} preview={false} />
  18. </div>
  19. );
  20. };
  21. export default ImageViewer;