diff options
Diffstat (limited to 'src/components/organisms/layout/overview.tsx')
| -rw-r--r-- | src/components/organisms/layout/overview.tsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/components/organisms/layout/overview.tsx b/src/components/organisms/layout/overview.tsx new file mode 100644 index 0000000..3f83342 --- /dev/null +++ b/src/components/organisms/layout/overview.tsx @@ -0,0 +1,33 @@ +import ResponsiveImage, { + type ResponsiveImageProps, +} from '@components/molecules/images/responsive-image'; +import Meta, { type MetaMap } from '@components/molecules/layout/meta'; +import { VFC } from 'react'; +import styles from './overview.module.scss'; + +export type OverviewProps = { + cover?: Pick<ResponsiveImageProps, 'alt' | 'src' | 'width' | 'height'>; + meta: MetaMap; +}; + +/** + * Overview component + * + * Render an overview. + */ +const Overview: VFC<OverviewProps> = ({ cover, meta }) => { + return ( + <div className={styles.wrapper}> + {cover && ( + <ResponsiveImage + objectFit="cover" + className={styles.cover} + {...cover} + /> + )} + <Meta data={meta} layout="column" responsiveLayout={true} /> + </div> + ); +}; + +export default Overview; |
