1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports.default = void 0;
|
9 |
|
10 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/defineProperty"));
|
11 |
|
12 | var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/extends"));
|
13 |
|
14 | var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/objectWithoutProperties"));
|
15 |
|
16 | var _react = _interopRequireDefault(require("react"));
|
17 |
|
18 | var _Link = _interopRequireDefault(require("react-router-dom/Link"));
|
19 |
|
20 | var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
21 |
|
22 | var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
|
23 |
|
24 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
25 |
|
26 |
|
27 |
|
28 |
|
29 | var styles = {
|
30 | link: {
|
31 | textDecoration: 'none',
|
32 | color: '#ddd',
|
33 | '&:hover': {
|
34 | color: '#ccc',
|
35 | textDecoration: 'none'
|
36 | }
|
37 | },
|
38 | container: {
|
39 | textAlign: 'center'
|
40 | },
|
41 | icon: {
|
42 | width: 100,
|
43 | height: 100
|
44 | }
|
45 | };
|
46 |
|
47 | var Inner = function Inner(_ref) {
|
48 | var classes = _ref.classes,
|
49 | label = _ref.label,
|
50 | Icon = _ref.icon;
|
51 | return _react.default.createElement("div", {
|
52 | className: classes.container
|
53 | }, _react.default.createElement(Icon, {
|
54 | className: classes.icon
|
55 | }), _react.default.createElement("br", null), _react.default.createElement(_Button.default, {
|
56 | color: "primary",
|
57 | variant: "raised"
|
58 | }, label));
|
59 | };
|
60 |
|
61 | Inner.propTypes = {
|
62 | classes: _propTypes.default.object.isRequired,
|
63 | label: _propTypes.default.string.isRequired,
|
64 | icon: _propTypes.default.func.isRequired
|
65 | };
|
66 |
|
67 | var HeroButtonJSX = function HeroButtonJSX(_ref2) {
|
68 | var classes = _ref2.classes,
|
69 | dest = _ref2.dest,
|
70 | newTab = _ref2.newTab,
|
71 | hardLink = _ref2.hardLink,
|
72 | icon = _ref2.icon,
|
73 | label = _ref2.label,
|
74 | rest = (0, _objectWithoutProperties2.default)(_ref2, ["classes", "dest", "newTab", "hardLink", "icon", "label"]);
|
75 |
|
76 | if (newTab || hardLink) {
|
77 | var aProps = {
|
78 | href: dest,
|
79 | className: classes.link
|
80 | };
|
81 |
|
82 | if (newTab) {
|
83 | aProps.target = '_blank';
|
84 | }
|
85 |
|
86 | return _react.default.createElement("a", (0, _extends2.default)({}, rest, aProps), _react.default.createElement(Inner, {
|
87 | icon: icon,
|
88 | label: label,
|
89 | classes: classes
|
90 | }));
|
91 | }
|
92 |
|
93 | return _react.default.createElement(_Link.default, (0, _extends2.default)({}, rest, {
|
94 | to: dest,
|
95 | className: classes.link
|
96 | }), _react.default.createElement(Inner, {
|
97 | icon: icon,
|
98 | label: label,
|
99 | classes: classes
|
100 | }));
|
101 | };
|
102 |
|
103 | HeroButtonJSX.propTypes = (0, _defineProperty2.default)({
|
104 | dest: function dest(props, propName, componentName) {
|
105 | if (!Object.prototype.hasOwnProperty.call(props, propName)) {
|
106 | throw new Error("Prop `".concat(propName, "` has type 'any' or 'mixed', but was not provided to `").concat(componentName, "`. Pass undefined or any other value."));
|
107 | }
|
108 | },
|
109 | hardLink: _propTypes.default.bool,
|
110 | newTab: _propTypes.default.bool,
|
111 | icon: _propTypes.default.func.isRequired,
|
112 | label: _propTypes.default.string.isRequired,
|
113 | classes: _propTypes.default.object.isRequired
|
114 | }, "label", _propTypes.default.string.isRequired);
|
115 | var HeroButton = (0, _withStyles.default)(styles)(HeroButtonJSX);
|
116 | var _default = HeroButton;
|
117 | exports.default = _default; |
\ | No newline at end of file |