export function GridPicture()

in client/components/mma/shared/images/GridPicture.tsx [18:49]

• 32 lines of code
• 1 McCabe index (conditional complexity)

export function GridPicture(props: PropTypes) {
	const sources = props.sources.map((source) => {
		const srcSet = gridSrcset(
			source.gridId,
			source.srcSizes,
			source.imgType,
		);
		return (
			<source
				key={source.gridId}
				sizes={source.sizes}
				media={source.media}
				srcSet={srcSet}
			/>
		);
	});
	return (
		<picture className="component-grid-picture">
			{sources}
			<img
				css={props.cssOverrides}
				className="component-grid-picture__image"
				src={gridUrl(
					props.fallback,
					props.fallbackSize,
					props.fallbackImgType,
				)}
				alt={props.altText}
			/>
		</picture>
	);
} // ----- Default Props ----- //