react-component-viewer-simulate-state.ts

import * as React from 'react';

import { Registry, simulateState } from 'react-component-viewer';
import { LabeledCheckBox } from './LabeledCheckBox';

const [getCheckBoxValueA, setCheckBoxValueA] = simulateState(true);
const [getCheckBoxValueB, setCheckBoxValueB] = simulateState(false);

export function labeledCheckBoxDemo(registry: Registry) {
  registry
    .add('checked', () => (
      <LabeledCheckBox
        label={label}
        value={getCheckBoxValueA()}
        onChange={setCheckBoxValueA}
      />
    ))
    .add('unchecked', () => (
      <LabeledCheckBox
        label={label}
        value={getCheckBoxValueB()}
        onChange={setCheckBoxValueB}
      />
    ));
}