design-system-starter
Version:
Design system starter
3 lines (2 loc) • 1.59 kB
JavaScript
/* design-system-starter v0.0.17 © 2019 Ryan Fitzer */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","react","prop-types"],t):t((e=e||self).DS={},e.React,e.PropTypes)}(this,(function(e,t,r){"use strict";var n="default"in t?t.default:t,i=function(e){var t=e.text,r=e.onClick;return n.createElement("button",{type:"button",className:"button",onClick:r},t)};function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var r=[],n=!0,i=!1,o=void 0;try{for(var u,c=e[Symbol.iterator]();!(n=(u=c.next()).done)&&(r.push(u.value),!t||r.length!==t);n=!0);}catch(e){i=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(i)throw o}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}i.propTypes={text:r.string.isRequired,onClick:r.func};var u=function(e){var t=e.text,r=e.href;return n.createElement("a",{className:"link",href:r},t)};u.propTypes={href:r.string.isRequired,text:r.string.isRequired},e.Button=i,e.Clicker=function(){var e=o(t.useState(0),2),r=e[0],u=e[1];return t.useEffect((function(){document.title="You clicked ".concat(r," times")})),n.createElement("div",null,n.createElement("p",{className:"msg"},"You clicked ",r," ",1===r?"time":"times"),n.createElement(i,{text:"Click Me!",onClick:function(){u(r+1)}}))},e.Link=u,Object.defineProperty(e,"__esModule",{value:!0})}));