scm-ui: new repository layout

scm-ui/ui-components/src/Icon.js

@@ -0,0 +1,29 @@
+//@flow
+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)} />;
+  }
+}