e-lado/client/app/components/elements/Link/Link.js

[](https://circleci.com/gh/sharetribe/sharetribe/tree/master) [](https://gemnasium.com/sharetribe/shar

import { PropTypes } from 'react';
import { a } from 'r-dom';

import * as propTypeUtils from '../../../utils/PropTypes';
import * as variables from '../../../assets/styles/variables';

import css from './Link.css';

export default function Link({ href, className, customColor, openInNewTab, children }) {
  const color = customColor || variables['--customColorFallback'];

  return a({
    className: className || '',
    classSet: { [css.link]: true },
    href,
    style: { color },
    ...(openInNewTab ? { target: '_blank', rel: 'noreferrer' } : null),
  }, children);
}

const { string, bool } = PropTypes;

Link.propTypes = {
  href: string.isRequired,
  className: propTypeUtils.className,
  customColor: string,
  openInNewTab: bool,
  children: string.isRequired,
};