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

Design system starter

/* design-system-starter v0.0.10 © 2019 Ryan Fitzer */
import { _ as _JSXStyle } from './style-9e80a169.js';
import React, { Fragment } from 'react';
import { string, object } from 'prop-types';
import { u as useTheme } from './index-1ee91cde.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=_ref.theme;var tokens=useTheme(theme);return React.createElement(Fragment,null,React.createElement("a",{href:href,className:_JSXStyle.dynamic([["3524212557",[tokens.colorLink,tokens.fontBase,tokens.colorBorder]]])},text),React.createElement(_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:string.isRequired,text:string.isRequired,theme:object};

export default Link;