diff options
Diffstat (limited to 'src/components/organisms/widgets/image-widget.tsx')
| -rw-r--r-- | src/components/organisms/widgets/image-widget.tsx | 16 |
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; |
