epn-ui
Version:
Дизайн система кабинета ВМ
21 lines (18 loc) • 1.23 kB
JavaScript
import React, { useState } from 'react';
import clsx from 'clsx';
import CheckboxAnt from 'antd/lib/checkbox';
var BaseCheckbox = React.forwardRef(function (_a, ref) {
var id = _a.id, autoFocus = _a.autoFocus, checked = _a.checked, defaultChecked = _a.defaultChecked, disabled = _a.disabled, indeterminate = _a.indeterminate, className = _a.className, children = _a.children, onChange = _a.onChange, label = _a.label, defaultValue = _a.defaultValue;
var _b = useState(defaultValue || defaultChecked), active = _b[0], setActive = _b[1];
return (React.createElement(CheckboxAnt, { ref: ref, id: id, autoFocus: autoFocus, checked: checked || active, defaultChecked: defaultValue || defaultChecked, disabled: disabled, indeterminate: indeterminate, className: clsx('epn-checkbox', className), onChange: function (e) {
setActive(e.target.checked);
if (typeof onChange === 'function') {
onChange(e);
}
} },
React.createElement("span", { className: "epn-checkbox--label" }, label || children)));
});
var Checkbox = BaseCheckbox;
Checkbox.Group = CheckboxAnt.Group;
var Checkbox$1 = Checkbox;
export { BaseCheckbox, Checkbox$1 as default };