@appearhere/bloom/components/Navigation/TabBar/TabBarIconItem.js

Appear Here's pattern library and styleguide

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

import Icon from '../../Icon/Icon';
import TabBarItem from './TabBarItem';

import css from './TabBarIconItem.css';

const TabBarIconItem = (props) => {
  const {
    children,
    icon,
    ...rest,
  } = props;

  return (
    <TabBarItem className={ css.root } { ...rest }>
      <Icon className={ css.icon } name={ icon } />
      <span className={ css.label }>
        { children }
      </span>
    </TabBarItem>
  );
};

TabBarIconItem.propTypes = {
  children: PropTypes.node,
  icon: PropTypes.string.isRequired,
};

export default TabBarIconItem;