export interface BaseImageProps { /** * An alternative text description that describe the image for the reader to * understand what it is about. It is extremely useful for both users using * assistive technology and sighted users. A well written `description` * provides people with visual impairments the ability to participate in * consuming non-text content. When a screen readers encounters an `Image`, * the description is read and announced aloud. If an image fails to load, * potentially due to a poor connection, the `description` is displayed on * screen instead. This has the benefit of letting a sighted buyer know an * image was meant to load here, but as an alternative, they’re still able to * consume the text content. Read * [considerations when writing alternative text](https://ux.shopify.com/considerations-when-writing-alt-text-a9c1985a8204) * to learn more. * * @default `''` * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#alt */ alt?: string; /** * A set of media conditions and their corresponding sizes. * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#sizes */ sizes?: string; /** * The image source (either a remote URL or a local file resource). * * When the image is loading or no `src` is provided, a placeholder will be rendered. * * @implementation Surfaces may choose the style of the placeholder, but the space the image occupies should be * reserved, except in cases where the image area does not have a contextual inline or block size, which should be rare. * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#src */ src?: string; /** * A set of image sources and their width or pixel density descriptors. * * This overrides the `src` property. * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#srcset */ srcSet?: string; }