| 1 | import { h } from 'preact';
|
| 2 | import { Icon } from './icon';
|
| 3 | import cn from 'classnames';
|
| 4 |
|
| 5 | export const CheckMark = ({ className, name, label, isComplete, onClick }) => h(
|
| 6 | 'label',
|
| 7 | {
|
| 8 | htmlFor: name,
|
| 9 | className: cn('flex items-center mb2', className),
|
| 10 | 'data-e2e': 'checkMark'
|
| 11 | },
|
| 12 | h('input', {
|
| 13 | onClick: () => onClick(name),
|
| 14 | className: 'checkbox o-0',
|
| 15 | id: name,
|
| 16 | checked: isComplete,
|
| 17 | type: 'checkbox'
|
| 18 | }),
|
| 19 | isComplete && h(Icon, { className: 'light-blue', size: '40', icon: 'check_box' }),
|
| 20 | !isComplete && h(Icon, { size: '40', icon: 'check_box_outline_blank' }),
|
| 21 | h(
|
| 22 | 'span',
|
| 23 | { className: 'ml2' },
|
| 24 | label || name
|
| 25 | )
|
| 26 | ); |
| \ | No newline at end of file |