design-system-starter/dist/cjs/button.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');

/**
 * Button
 *
 * @param {String} text - The text to display.
 * @param {Function} [onClick] - An onClick handler.
 * @param {Object} [theme] - A theme object.
 *
 * @returns {HTMLElement}
 */var Button=function Button(_ref){var text=_ref.text,onClick=_ref.onClick,theme$1=_ref.theme;var tokens=theme.useTheme(theme$1);return React__default.createElement(React.Fragment,null,React__default.createElement("button",{type:"button",onClick:onClick,className:style._JSXStyle.dynamic([["4220076112",[tokens.fontBase,tokens.colorLink,tokens.colorBorder]]])+" "+'button'},text),React__default.createElement(style._JSXStyle,{id:"4220076112",dynamic:[tokens.fontBase,tokens.colorLink,tokens.colorBorder]},[".button.__jsx-style-dynamic-selector{font-family:".concat(tokens.fontBase,";background-color:").concat(tokens.colorLink,";}"),".button.__jsx-style-dynamic-selector:hover{background-color:".concat(tokens.colorBorder,";}")]));};Button.propTypes={text:propTypes.string.isRequired,onClick:propTypes.func,theme:propTypes.object};

module.exports = Button;