import type { FunctionComponent } from 'react' ; import type { Arguments } from '../../utils/hooks/useMatchMedia' ; import useMatchMedia from '../../utils/hooks/useMatchMedia' ; const Hidden = ( { query , minBreakpoint , maxBreakpoint , children , } ) => { const [ isMatch ] = useMatchMedia ( { query , minBreakpoint , maxBreakpoint , } ) ; return isMatch ? null : < > { children } < />; } ; export default Hidden ;