diff options
Diffstat (limited to 'src/components/MDX/ResponsiveImage/ResponsiveImage.tsx')
| -rw-r--r-- | src/components/MDX/ResponsiveImage/ResponsiveImage.tsx | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/MDX/ResponsiveImage/ResponsiveImage.tsx b/src/components/MDX/ResponsiveImage/ResponsiveImage.tsx deleted file mode 100644 index 6c39e7f..0000000 --- a/src/components/MDX/ResponsiveImage/ResponsiveImage.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { ResponsiveImageProps } from '@ts/types/app'; -import Image from 'next/image'; -import Link from 'next/link'; -import styles from './ResponsiveImage.module.scss'; - -const ResponsiveImage = (props: ResponsiveImageProps) => { - const { caption, linkTarget, ...attributes } = props; - - return ( - <figure className={styles.wrapper}> - {linkTarget ? ( - <Link href={linkTarget}> - <a className={styles.link}> - <Image - alt={attributes.alt} - layout={attributes.layout || 'intrinsic'} - {...attributes} - /> - {caption && ( - <figcaption className={styles.caption}>{caption}</figcaption> - )} - </a> - </Link> - ) : ( - <> - <Image - alt={attributes.alt} - layout={attributes.layout || 'intrinsic'} - {...attributes} - /> - {caption && ( - <figcaption className={styles.caption}>{caption}</figcaption> - )} - </> - )} - </figure> - ); -}; - -export default ResponsiveImage; |
