import * as React from 'react' ; import { useZenModeStore } from "./ZenModeStore" ; interface IProps { readonly children : JSX . Element ; } export const ZenModeActiveContainer = React . memo ( function ZenModeActiveContainer ( props ) { const { zenMode } = useZenModeStore ( [ 'zenMode' ] ) ; if ( zenMode ) { return null ; } else { return props . children ; } } ) ;