anchor UI element

ui/src/components/anchor/index.js

@@ -0,0 +1,26 @@
+const constants = require('../../shared/constants');
+const React = require('react');
+const Styled = require('styled-components');
+
+const {
+  colors
+} = constants;
+
+const {
+  default: styled
+} = Styled;
+
+const color = (props) => props.secondary
+  ? colors.brandSecondaryLink
+  : colors.brandPrimaryLink;
+
+const Anchor = styled.a`
+  color: ${color} !important;
+`;
+
+module.exports = Anchor;
+
+module.exports.fn = (element) => (props) => React.cloneElement(element, {
+  ...element.props,
+  ...props
+}, element.props.children);

ui/src/index.js

@@ -1,6 +1,7 @@
 module.exports = {
   Base: require('./components/base'),
   AddMetric: require('./components/add-metric'),
+  Anchor: require('./components/anchor'),
   Avatar: require('./components/avatar'),
   Button: require('./components/button'),
   Checkbox: require('./components/checkbox'),