import { ArticleDesign , ArticleDisplay , ArticlePillar } from "@guardian/libs" ; import { none } from "@guardian/types" ; import type { FC } from "react" ; import { image } from "../fixtures/image" ; import Img from "./img" ; const sizes = { mediaQueries : [ ] , default : "40vw" } ; const Default = ( ) => ( < Img image = { image } sizes = { sizes } className = { none } format = { { design : ArticleDesign . Standard , display : ArticleDisplay . Standard , theme : ArticlePillar . News } } supportsDarkMode = { true } lightbox = { none } / > ) ; const Placeholder = ( ) => ( < Img image = { { ... image , src : "" , srcset : "" , dpr2Srcset : "" } } sizes = { sizes } className = { none } format = { { design : ArticleDesign . Standard , display : ArticleDisplay . Standard , theme : ArticlePillar . News } } supportsDarkMode = { true } lightbox = { none } / > ) ; export default { component : Img , title : "Common/Components/Img" , parameters : { chromatic : { diffThreshold : 0.25 } } } ; export { Default , Placeholder } ;