itmar-block-packages/src/ToggleElement.js

We have put together a package of common React components used for WordPress custom blocks.

export default function ToggleElement(props) {


  const toggleOpen = () => {
    props.onToggle && props.onToggle(!props.openFlg);
  };

  return (
    <div
      className={`${props.className} ${props.openFlg ? 'open' : ''}`}
      style={props.style}
      onClick={toggleOpen}
    >
      {props.children}
    </div>
  )
}