24 wiersze
552 B
TypeScript
24 wiersze
552 B
TypeScript
import classNames from "classnames";
|
|
import React from "react";
|
|
|
|
type CheckboxProps = {
|
|
label: string;
|
|
onChange: (value: boolean) => void;
|
|
value: boolean;
|
|
disabled?: boolean;
|
|
};
|
|
|
|
export const Checkbox: React.FC<CheckboxProps> = (props) => {
|
|
return (
|
|
<label className={classNames("checkbox", { disabled: props.disabled })}>
|
|
<input
|
|
type="checkbox"
|
|
checked={props.value}
|
|
disabled={props.disabled}
|
|
onChange={(e) => props.onChange(e.target.checked)}
|
|
/>{" "}
|
|
{props.label}
|
|
</label>
|
|
);
|
|
};
|