metamask-extension/ui/components/ui/icon-with-label/icon-with-label.js

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

export default function IconWithLabel({ icon, label, className }) {
  return (
    <div className={classnames('icon-with-label', className)}>
      {icon}
      {label ? <span className="icon-with-label__label">{label}</span> : null}
    </div>
  );
}

IconWithLabel.propTypes = {
  icon: PropTypes.node.isRequired,
  className: PropTypes.string,
  label: PropTypes.string,
};