design-system-starter/dist/esm/button.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, func, object } from 'prop-types';
import { u as useTheme } from './index-1ee91cde.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=_ref.theme;var tokens=useTheme(theme);return React.createElement(Fragment,null,React.createElement("button",{type:"button",onClick:onClick,className:_JSXStyle.dynamic([["4220076112",[tokens.fontBase,tokens.colorLink,tokens.colorBorder]]])+" "+'button'},text),React.createElement(_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:string.isRequired,onClick:func,theme:object};

export default Button;