jest/examples/react/CheckboxWithLabel.js

29 lines
545 B
JavaScript

// Copyright (c) Meta Platforms, Inc. and affiliates.. All Rights Reserved.
import {useState} from 'react';
export default function CheckboxWithLabel({
labelRef,
inputRef,
labelOn,
labelOff,
}) {
const [isChecked, setIsChecked] = useState(false);
const onChange = () => {
setIsChecked(!isChecked);
};
return (
<label ref={labelRef}>
<input
ref={inputRef}
type="checkbox"
checked={isChecked}
onChange={onChange}
/>
{isChecked ? labelOn : labelOff}
</label>
);
}