SCM-Manager/scm-ui/ui-components/src/Icon.tsx

import React from "react";
import classNames from "classnames";

type Props = {
  title?: string;
  name: string;
  color: string;
  className?: string;
};

export default class Icon extends React.Component<Props> {
  static defaultProps = {
    color: "grey-light"
  };

  render() {
    const { title, name, color, className } = this.props;
    if (title) {
      return (
        <i
          title={title}
          className={classNames(
            "fas",
            "fa-fw",
            "fa-" + name,
            `has-text-${color}`,
            className
          )}
        />
      );
    }
    return (
      <i
        className={classNames(
          "fas",
          "fa-" + name,
          `has-text-${color}`,
          className
        )}
      />
    );
  }
}