"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledLink = undefined;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _reactEmotion = require("react-emotion");

var _reactEmotion2 = _interopRequireDefault(_reactEmotion);

var _presets = require("../../utils/presets");

var _Link = require("./Link.Skeleton");

var _Link2 = _interopRequireDefault(_Link);

var _BaseLink = require("./BaseLink");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var StyledLink =
/*#__PURE__*/
exports.StyledLink = (0, _reactEmotion2["default"])(_BaseLink.StyledBaseLink, {
  target: "e17rooua0"
})("color:", _presets.palette.purple[600], ";text-decoration:none;:focus,:hover{color:", _presets.palette.purple[400], ";text-decoration:underline;}");

var SimpleLink = function SimpleLink(props) {
  return _react2["default"].createElement(_Link2["default"], Object.assign({
    StyledComponent: StyledLink
  }, props));
};

SimpleLink.propTypes = _Link.linkPropTypes;
exports["default"] = SimpleLink;