@appearhere/bloom/components/FittedImage/FittedImage.js

Appear Here's pattern library and styleguide

import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { canUseDOM } from 'exenv';

const objectFitImages = canUseDOM ? require('object-fit-images') : null;

export default class FittedImage extends Component {
  static propTypes = {
    src: PropTypes.string.isRequired,
    alt: PropTypes.string,
    className: PropTypes.string,
  };

  componentDidMount() {
    if (canUseDOM && typeof objectFitImages === 'function') {
      objectFitImages(this.component);
    }
  }

  render() {
    const { src, alt, className, ...rest } = this.props;

    return (
      <img
        {...rest}
        className={className}
        src={src}
        alt={alt}
        ref={c => {
          this.component = c;
        }}
      />
    );
  }
}