import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

export function FaIcon({ icon, label = icon.iconName, sizeAdjust, style, ...rest }) {
  return (
    <>
      <span className="icon" style={{ fontSize: sizeAdjust ? `${sizeAdjust}em` : undefined, ...style }}>
        <FontAwesomeIcon {...{ icon, ...rest }} />
      </span>
      {label && <span className="v-hide">{label}</span>}
    </>
  );
}