1 | "use strict";
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.CheckMark = void 0;
|
7 |
|
8 | var _preact = require("preact");
|
9 |
|
10 | var _icon = require("./icon");
|
11 |
|
12 | var _classnames = _interopRequireDefault(require("classnames"));
|
13 |
|
14 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15 |
|
16 | const CheckMark = ({
|
17 | className,
|
18 | name,
|
19 | label,
|
20 | isComplete,
|
21 | onClick
|
22 | }) => (0, _preact.h)("label", {
|
23 | htmlFor: name,
|
24 | className: (0, _classnames.default)('flex items-center mb2', className),
|
25 | "data-e2e": "checkMark"
|
26 | }, (0, _preact.h)("input", {
|
27 | onClick: () => onClick(name),
|
28 | className: "checkbox o-0",
|
29 | id: name,
|
30 | checked: isComplete,
|
31 | type: "checkbox"
|
32 | }), isComplete && (0, _preact.h)(_icon.Icon, {
|
33 | className: "light-blue",
|
34 | size: "40",
|
35 | icon: "check_box"
|
36 | }), !isComplete && (0, _preact.h)(_icon.Icon, {
|
37 | size: "40",
|
38 | icon: "check_box_outline_blank"
|
39 | }), (0, _preact.h)("span", {
|
40 | className: "ml2"
|
41 | }, label || name));
|
42 |
|
43 | exports.CheckMark = CheckMark; |
\ | No newline at end of file |