1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.SC = undefined;
|
7 |
|
8 | var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
9 |
|
10 | var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
11 |
|
12 | var _extends2 = require('babel-runtime/helpers/extends');
|
13 |
|
14 | var _extends3 = _interopRequireDefault(_extends2);
|
15 |
|
16 | var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');
|
17 |
|
18 | var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);
|
19 |
|
20 | var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n background-color: rgba(255, 255, 255, 0.8);\n position: relative;\n padding: 0.5rem 1rem;\n margin-left: 1rem;\n min-width: 16rem;\n '], ['\n background-color: rgba(255, 255, 255, 0.8);\n position: relative;\n padding: 0.5rem 1rem;\n margin-left: 1rem;\n min-width: 16rem;\n ']),
|
21 | _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n background-image: ', ';\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n overflow: hidden;\n margin-bottom: 8px;\n border-radius: 3px 3px 0;\n display: flex;\n height: 19rem;\n '], ['\n background-image: ', ';\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n overflow: hidden;\n margin-bottom: 8px;\n border-radius: 3px 3px 0;\n display: flex;\n height: 19rem;\n ']),
|
22 | _templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n text-align: center;\n padding: 5px;\n '], ['\n text-align: center;\n padding: 5px;\n ']);
|
23 |
|
24 | var _react = require('react');
|
25 |
|
26 | var _react2 = _interopRequireDefault(_react);
|
27 |
|
28 | var _styledComponents = require('styled-components');
|
29 |
|
30 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
31 |
|
32 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
33 |
|
34 | var SC = exports.SC = {
|
35 | Container: _styledComponents2.default.div(_templateObject),
|
36 | Image: _styledComponents2.default.div(_templateObject2, function (_ref) {
|
37 | var imageURL = _ref.imageURL;
|
38 | return 'url("' + imageURL + '")';
|
39 | }),
|
40 | Title: _styledComponents2.default.div(_templateObject3),
|
41 | Subtitle: _styledComponents2.default.div(_templateObject3)
|
42 | };
|
43 |
|
44 | var Card = function Card(_ref2) {
|
45 | var style = _ref2.style,
|
46 | className = _ref2.className,
|
47 | _onClick = _ref2.onClick,
|
48 | children = _ref2.children;
|
49 |
|
50 | var getContainerProps = function getContainerProps() {
|
51 | var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
52 | return (0, _extends3.default)({
|
53 | style: style,
|
54 | className: className ? className + ' card__container' : 'card__container',
|
55 | onClick: function onClick(e) {
|
56 | for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
57 | args[_key - 1] = arguments[_key];
|
58 | }
|
59 |
|
60 | e.stopPropagation();
|
61 | _onClick && _onClick.apply(undefined, [e].concat(args));
|
62 | }
|
63 | }, props);
|
64 | };
|
65 |
|
66 | var getImageProps = function getImageProps() {
|
67 | var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
68 |
|
69 | var className = _ref3.className,
|
70 | style = _ref3.style,
|
71 | _onClick2 = _ref3.onClick,
|
72 | props = (0, _objectWithoutProperties3.default)(_ref3, ['className', 'style', 'onClick']);
|
73 | return (0, _extends3.default)({
|
74 | style: style,
|
75 | className: className ? className + ' card__image' : 'card__image',
|
76 | onClick: function onClick(e) {
|
77 | for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
78 | args[_key2 - 1] = arguments[_key2];
|
79 | }
|
80 |
|
81 | e.stopPropagation();
|
82 | _onClick2 && _onClick2.apply(undefined, [e].concat(args));
|
83 | }
|
84 | }, props);
|
85 | };
|
86 | var getTitleProps = function getTitleProps() {
|
87 | var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
88 |
|
89 | var className = _ref4.className,
|
90 | style = _ref4.style,
|
91 | _onClick3 = _ref4.onClick,
|
92 | props = (0, _objectWithoutProperties3.default)(_ref4, ['className', 'style', 'onClick']);
|
93 | return (0, _extends3.default)({
|
94 | style: style,
|
95 | className: className ? className + ' card__title' : 'card__title',
|
96 | onClick: function onClick(e) {
|
97 | for (var _len3 = arguments.length, args = Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
|
98 | args[_key3 - 1] = arguments[_key3];
|
99 | }
|
100 |
|
101 | e.stopPropagation();
|
102 | _onClick3 && _onClick3.apply(undefined, [e].concat(args));
|
103 | }
|
104 | }, props);
|
105 | };
|
106 | var getSubtitleProps = function getSubtitleProps() {
|
107 | var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
108 |
|
109 | var className = _ref5.className,
|
110 | style = _ref5.style,
|
111 | _onClick4 = _ref5.onClick,
|
112 | props = (0, _objectWithoutProperties3.default)(_ref5, ['className', 'style', 'onClick']);
|
113 | return (0, _extends3.default)({
|
114 | style: style,
|
115 | className: className ? className + ' card__subtitle' : 'card__subtitle',
|
116 | onClick: function onClick(e) {
|
117 | for (var _len4 = arguments.length, args = Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
|
118 | args[_key4 - 1] = arguments[_key4];
|
119 | }
|
120 |
|
121 | e.stopPropagation();
|
122 | _onClick4 && _onClick4.apply(undefined, [e].concat(args));
|
123 | }
|
124 | }, props);
|
125 | };
|
126 |
|
127 | return children({
|
128 | getContainerProps: getContainerProps,
|
129 | getImageProps: getImageProps,
|
130 | getTitleProps: getTitleProps,
|
131 | getSubtitleProps: getSubtitleProps
|
132 | });
|
133 | };
|
134 |
|
135 | exports.default = Card; |
\ | No newline at end of file |