| 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 |