@crave/farmblocks-empty-state/lib/Thumbnail.js

Farmblocks empty state

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";
import Image, { thumbnailSizes } from "@crave/farmblocks-image";
import { fontTypes } from "@crave/farmblocks-text";
const Icon = styled.div.withConfig({
  displayName: "Thumbnail__Icon",
  componentId: "sc-1n88xej-0"
})(["font-size:", ";color:", ";"], ({
  iconFontSize
}) => iconFontSize || "72px", fontTypes.SUBTLE);

const Thumbnail = ({
  imageSrc,
  icon,
  iconFontSize
}) => {
  if (imageSrc) {
    return /*#__PURE__*/React.createElement(Image, {
      className: "thumbnail",
      size: thumbnailSizes.LARGE,
      src: imageSrc
    });
  }

  if (icon) {
    return /*#__PURE__*/React.createElement(Icon, {
      className: "icon-wrapper",
      iconFontSize: iconFontSize
    }, icon);
  }

  return null;
};

Thumbnail.propTypes = {
  imageSrc: PropTypes.string,
  iconFontSize: PropTypes.string,
  icon: PropTypes.node
};
export default Thumbnail;