1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 |
|
7 | var _react = require('react');
|
8 |
|
9 | var _react2 = _interopRequireDefault(_react);
|
10 |
|
11 | var _propTypes = require('prop-types');
|
12 |
|
13 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14 |
|
15 | var _OptClass = require('../internal/OptClass');
|
16 |
|
17 | var _OptClass2 = _interopRequireDefault(_OptClass);
|
18 |
|
19 | var _style = require('./style.scss');
|
20 |
|
21 | var _style2 = _interopRequireDefault(_style);
|
22 |
|
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24 |
|
25 | var Chip = function Chip(props) {
|
26 | var isActionable = props.clickCallback ? 'is-actionable' : null;
|
27 | var chipClasses = (0, _OptClass2.default)(_style2.default, ['chip-wrapper', props.color, props.size, props.optClass, props.className, isActionable]);
|
28 |
|
29 | return _react2.default.createElement(
|
30 | 'span',
|
31 | { className: chipClasses, style: props.style },
|
32 | _react2.default.createElement(
|
33 | 'span',
|
34 | { onClick: props.clickCallback },
|
35 | props.text
|
36 | )
|
37 | );
|
38 | };
|
39 |
|
40 | Chip.propTypes = {
|
41 | |
42 |
|
43 |
|
44 | color: _propTypes2.default.oneOf(['primary', 'primary-1', 'primary-2', 'primary-3', 'primary-4', 'primary-5', 'primary-darker', 'primary-6', 'neutral-1', 'neutral-2', 'neutral-3', 'neutral-4', 'danger', 'success', 'warning', 'info']),
|
45 | |
46 |
|
47 |
|
48 | clickCallback: _propTypes2.default.func,
|
49 | |
50 |
|
51 |
|
52 | optClass: _propTypes2.default.string,
|
53 | |
54 |
|
55 |
|
56 | size: _propTypes2.default.oneOf(['larger', 'smaller']),
|
57 | |
58 |
|
59 |
|
60 | style: _propTypes2.default.object,
|
61 | |
62 |
|
63 |
|
64 | text: _propTypes2.default.string
|
65 | };
|
66 |
|
67 | Chip.defaultProps = {
|
68 | color: 'primary'
|
69 | };
|
70 |
|
71 | exports.default = Chip; |
\ | No newline at end of file |