@shopify/polaris/build/cjs/components/Thumbnail/Thumbnail.js

Shopify’s admin product component library

'use strict';

var React = require('react');
var css = require('../../utilities/css.js');
var Thumbnail_module = require('./Thumbnail.css.js');
var Image = require('../Image/Image.js');
var Icon = require('../Icon/Icon.js');

function Thumbnail({
  source,
  alt,
  size = 'medium',
  transparent
}) {
  const className = css.classNames(Thumbnail_module.default.Thumbnail, size && Thumbnail_module.default[css.variationName('size', size)], transparent && Thumbnail_module.default.transparent);
  const content = typeof source === 'string' ? /*#__PURE__*/React.createElement(Image.Image, {
    alt: alt,
    source: source
  }) : /*#__PURE__*/React.createElement(Icon.Icon, {
    accessibilityLabel: alt,
    source: source
  });
  return /*#__PURE__*/React.createElement("span", {
    className: className
  }, content);
}

exports.Thumbnail = Thumbnail;