Function ToggleAboveNodes

packages/toggle/src/react/renderToggleAboveNodes.tsx:12–18

({ children, element })

export const renderToggleAboveNodes: RenderNodeWrapper = () => ToggleAboveNodes;

const ToggleAboveNodes: RenderNodeWrapperFunction = ({ children, element }) => {
  const isVisible = useIsVisible(element.id as string);

  if (isVisible) return children;

  return <div style={hiddenStyle}>{children}</div>;
};

const hiddenStyle: React.CSSProperties = {
  height: 0,