import { ComponentType } from 'react'
import { StandardProps } from './common'
interface MatchMediaProps extends StandardProps {
/** 页面最小宽度( px 为单位)
* @supported weapp, alipay
*/
minWidth?: number
/** 页面最大宽度( px 为单位)
* @supported weapp, alipay
*/
maxWidth?: number
/** 页面宽度( px 为单位)
* @supported weapp, alipay
*/
width?: number
/** 页面最小高度( px 为单位)
* @supported weapp, alipay
*/
minHeight?: number
/** 页面最大高度( px 为单位)
* @supported weapp, alipay
*/
maxHeight?: number
/** 页面高度( px 为单位)
* @supported weapp, alipay
*/
height?: number
/** 屏幕方向( landscape 或 portrait )
* @supported weapp, alipay
*/
orientation?: string
}
/** media query 匹配检测节点。可以指定一组 media query 规则,满足时,这个节点才会被展示。
* 通过这个节点可以实现“页面宽高在某个范围时才展示某个区域”这样的效果。
* @supported weapp, alipay
* @classification viewContainer
* @example_react
* ```tsx
* class App extends Components {
* render () {
* return (
*
*
* 当页面宽度在 300 ~ 500 px 之间时展示这里
*
*
* 当页面高度不小于 400 px 且屏幕方向为纵向时展示这里
*
*
* )
* }
* }
* ```
* @example_vue
* ```html
*
*
*
* 当页面宽度在 300 ~ 500 px 之间时展示这里
*
*
* 当页面高度不小于 400 px 且屏幕方向为纵向时展示这里
*
*
*
* ```
* @see https://developers.weixin.qq.com/miniprogram/dev/component/match-media.html
*/
declare const MatchMedia: ComponentType
export { MatchMedia, MatchMediaProps }