@guardian/threads
Version:
16 lines • 1.03 kB
JavaScript
import React from 'react';
import { MdCheck, MdRemove, MdCheckBoxOutlineBlank } from 'react-icons/md';
import styles from './Checkbox.module.css';
export var Checkbox = function (_a) {
var id = _a.id, disabled = _a.disabled, indeterminate = _a.indeterminate, onChange = _a.onChange, checked = _a.checked;
return (React.createElement("label", { htmlFor: id, className: styles.checkbox, "data-disabled": disabled ? true : null },
React.createElement("input", { id: id, type: "checkbox", disabled: disabled, className: styles.hiddenCheckbox, checked: checked || false, onChange: function (ev) {
if (onChange) {
onChange(ev.target.checked);
}
} }),
React.createElement(MdCheckBoxOutlineBlank, { className: styles.outline }),
!checked && indeterminate && (React.createElement(MdRemove, { className: styles.indeterminate })),
checked && React.createElement(MdCheck, { className: styles.check })));
};
//# sourceMappingURL=Checkbox.js.map