githubmirror/jest

examples/react/CheckboxWithLabel.js

28 строк545 B

Paul O’Shannessy

Update copyrights with Meta Platforms, restore original license in Jasmine fork (#13879)

09 фев 2023, 10:13

09 фев 2023, 10:136d2632a

// 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>
  );
}