bigbuffet-rw/app/soapbox/components/icon.js

/**
 * Icon: abstract icon class that can render icons from multiple sets.
 * @module soapbox/components/icon
 * @see soapbox/components/fork_awesome_icon
 * @see soapbox/components/svg_icon
 */

import PropTypes from 'prop-types';
import React from 'react';

import ForkAwesomeIcon from './fork_awesome_icon';
import SvgIcon from './svg_icon';

export default class Icon extends React.PureComponent {

  static propTypes = {
    id: PropTypes.string,
    src: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
    className: PropTypes.string,
    fixedWidth: PropTypes.bool,
  };

  render() {
    const { id, src, fixedWidth, ...rest } = this.props;

    if (src) {
      return <SvgIcon src={src} {...rest} />;
    } else {
      return <ForkAwesomeIcon id={id} fixedWidth={fixedWidth} {...rest} />;
    }
  }

}