aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/widgets/image-widget.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/widgets/image-widget.tsx')
-rw-r--r--src/components/organisms/widgets/image-widget.tsx16
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/organisms/widgets/image-widget.tsx b/src/components/organisms/widgets/image-widget.tsx
index 7ca5d90..f3dc92f 100644
--- a/src/components/organisms/widgets/image-widget.tsx
+++ b/src/components/organisms/widgets/image-widget.tsx
@@ -1,8 +1,10 @@
import { FC } from 'react';
-import ResponsiveImage, {
+import {
+ ResponsiveImage,
type ResponsiveImageProps,
-} from '../../molecules/images/responsive-image';
-import Widget, { type WidgetProps } from '../../molecules/layout/widget';
+ Widget,
+ type WidgetProps,
+} from '../../molecules';
import styles from './image-widget.module.scss';
export type Alignment = 'left' | 'center' | 'right';
@@ -43,7 +45,7 @@ export type ImageWidgetProps = Pick<
*
* Renders a widget that print an image and an optional text.
*/
-const ImageWidget: FC<ImageWidgetProps> = ({
+export const ImageWidget: FC<ImageWidgetProps> = ({
alignment = 'left',
className = '',
description,
@@ -57,13 +59,11 @@ const ImageWidget: FC<ImageWidgetProps> = ({
return (
<Widget className={`${styles[alignmentClass]} ${className}`} {...props}>
<ResponsiveImage
- target={url}
+ {...image}
caption={description}
className={`${styles.figure} ${imageClassName}`}
- {...image}
+ target={url}
/>
</Widget>
);
};
-
-export default ImageWidget;