@appearhere/bloom/components/Link/Link.js

Appear Here's pattern library and styleguide

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

import css from './Link.css';
import Icon from '../Icon/Icon';

const Link = ({ href, className, bodyClassName, iconClassName, children, ...rest }) => (
  <a {...rest} href={href} className={cx(css.root, className)}>
    <span className={cx(css.body, bodyClassName)}>{children}</span>
    <Icon className={cx(css.icon, iconClassName)} name="chevron-right" />
  </a>
);

Link.propTypes = {
  href: PropTypes.string,
  className: PropTypes.string,
  bodyClassName: PropTypes.string,
  iconClassName: PropTypes.string,
  children: PropTypes.node,
};

export default Link;