Simplified guard and callback example

guard-and-callback-example.jsx

const MyToggleButton = ({ isContentReady, {...props} }) => {
  const modelConfig = {
    isIntiallyToggled: true,
    shouldToggle: (data, state) => {
      if (!iContentReady) {
        return false;
      }
      return true;
    },
    onToggle: (data, prevState) => {
      console.log('toggled!');
    }
  }

  const toggleButtonModel = useToggleButtonModel(modelConfig);

  return <ToggleButton model={toggleButtonModel} {...props} />
}