New: Project Aphrodite

frontend/src/Components/Link/IconButton.js

@@ -0,0 +1,55 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import classNames from 'classnames';
+import Icon from 'Components/Icon';
+import Link from './Link';
+import styles from './IconButton.css';
+
+function IconButton(props) {
+  const {
+    className,
+    iconClassName,
+    name,
+    kind,
+    size,
+    isSpinning,
+    isDisabled,
+    ...otherProps
+  } = props;
+
+  return (
+    <Link
+      className={classNames(
+        className,
+        isDisabled && styles.isDisabled
+      )}
+      isDisabled={isDisabled}
+      {...otherProps}
+    >
+      <Icon
+        className={iconClassName}
+        name={name}
+        kind={kind}
+        size={size}
+        isSpinning={isSpinning}
+      />
+    </Link>
+  );
+}
+
+IconButton.propTypes = {
+  className: PropTypes.string.isRequired,
+  iconClassName: PropTypes.string,
+  kind: PropTypes.string,
+  name: PropTypes.object.isRequired,
+  size: PropTypes.number,
+  isSpinning: PropTypes.bool,
+  isDisabled: PropTypes.bool
+};
+
+IconButton.defaultProps = {
+  className: styles.button,
+  size: 12
+};
+
+export default IconButton;