\\` to account for future ` +\n `breakpoint definitions outside of this range.${\n ownerName\n ? ` It is being used in the ${ownerName} component.`\n : \"\"\n }`\n )\n }\n }\n\n const type = propKey(breakpointProps)\n const breakpoint = breakpointProps[type]!\n className = createClassName(type, breakpoint)\n }\n\n const doesMatchParent =\n !mediaParentContext.hasParentMedia ||\n intersection(\n mediaQueries.breakpoints.toVisibleAtBreakpointSet(\n mediaParentContext.breakpointProps\n ),\n mediaQueries.breakpoints.toVisibleAtBreakpointSet(\n breakpointProps\n )\n ).length > 0\n const renderChildren =\n doesMatchParent &&\n (onlyMatch === undefined ||\n mediaQueries.shouldRenderMediaQuery(\n { ...breakpointProps, interaction },\n onlyMatch\n ))\n\n if (props.children instanceof Function) {\n return props.children(className, renderChildren)\n } else {\n return (\n \n {renderChildren ? props.children : null}\n
\n )\n }\n }}\n