@shopify/polaris/esnext/components/Image/Image.js

Shopify’s product component library

import * as tslib_1 from "tslib";
import React from 'react';
export function Image(_a) {
    var { sourceSet, source, crossOrigin } = _a, rest = tslib_1.__rest(_a, ["sourceSet", "source", "crossOrigin"]);
    const finalSourceSet = sourceSet
        ? sourceSet
            .map(({ source: subSource, descriptor }) => `${subSource} ${descriptor}`)
            .join(',')
        : null;
    return finalSourceSet ? (
    // eslint-disable-next-line jsx-a11y/alt-text
    <img src={source} srcSet={finalSourceSet} crossOrigin={crossOrigin} {...rest}/>) : (
    // eslint-disable-next-line jsx-a11y/alt-text
    <img src={source} {...rest} crossOrigin={crossOrigin}/>);
}