From 270842db55cf162ca85aba8ed4ab32e981a09d6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Tue, 10 Jan 2017 14:56:14 +0000
Subject: [PATCH] anchor UI element

---
 ui/src/components/anchor/index.js | 26 ++++++++++++++++++++++++++
 ui/src/index.js                   |  1 +
 2 files changed, 27 insertions(+)
 create mode 100644 ui/src/components/anchor/index.js

diff --git a/ui/src/components/anchor/index.js b/ui/src/components/anchor/index.js
new file mode 100644
index 00000000..758ea827
--- /dev/null
+++ b/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);
diff --git a/ui/src/index.js b/ui/src/index.js
index 77f90ebf..86b9c453 100644
--- a/ui/src/index.js
+++ b/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'),