37 lines
828 B
TypeScript
37 lines
828 B
TypeScript
import Checkbox from "@material-ui/core/Checkbox";
|
|
import FormControlLabel from "@material-ui/core/FormControlLabel";
|
|
import React from "react";
|
|
|
|
interface ControlledCheckboxProps {
|
|
className?: string;
|
|
name: string;
|
|
label?: React.ReactNode;
|
|
checked: boolean;
|
|
disabled?: boolean;
|
|
onChange(event: any);
|
|
}
|
|
|
|
export const ControlledCheckbox: React.FC<ControlledCheckboxProps> = ({
|
|
checked,
|
|
disabled,
|
|
name,
|
|
label,
|
|
onChange,
|
|
...props
|
|
}) => (
|
|
<FormControlLabel
|
|
disabled={disabled}
|
|
control={
|
|
<Checkbox
|
|
checked={!!checked}
|
|
disabled={disabled}
|
|
name={name}
|
|
onChange={() => onChange({ target: { name, value: !checked } })}
|
|
/>
|
|
}
|
|
label={label}
|
|
{...props}
|
|
/>
|
|
);
|
|
ControlledCheckbox.displayName = "ControlledCheckbox";
|
|
export default ControlledCheckbox;
|