design-system-starter/dist/cjs/link.js

Design system starter

/* design-system-starter v0.0.10 © 2019 Ryan Fitzer */
'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var style = require('./style-d84cd230.js');
var React = require('react');
var React__default = _interopDefault(React);
var propTypes = require('prop-types');
var theme = require('./index-fd9ae482.js');

/**
 * Link
 *
 * @param {String} href - Link destination.
 * @param {String} text - The text to display.
 * @param {Object} [theme] - A theme object.
 *
 * @returns {HTMLElement}
 */var Link=function Link(_ref){var text=_ref.text,href=_ref.href,theme$1=_ref.theme;var tokens=theme.useTheme(theme$1);return React__default.createElement(React.Fragment,null,React__default.createElement("a",{href:href,className:style._JSXStyle.dynamic([["3524212557",[tokens.colorLink,tokens.fontBase,tokens.colorBorder]]])},text),React__default.createElement(style._JSXStyle,{id:"3524212557",dynamic:[tokens.colorLink,tokens.fontBase,tokens.colorBorder]},["a.__jsx-style-dynamic-selector{color:".concat(tokens.colorLink,";font-family:").concat(tokens.fontBase,";}"),"a.__jsx-style-dynamic-selector:hover{color:".concat(tokens.colorBorder,";}")]));};Link.propTypes={href:propTypes.string.isRequired,text:propTypes.string.isRequired,theme:propTypes.object};

module.exports = Link;