import { Query } from './QueryType';
import React from 'react';
/**
 * ---
 * category: utilities/layout
 * ---
 *
 * Given a valid json query object, converts it to a standard media query
 * string. Valid queries should be an object consisting of condition:breakpoint
 * pairs with the following condition types `minWidth`, `maxWidth`, `minHeight`,
 * or `maxHeight` where breakpoint value is either a string or a number.
 *
 * Example input
 * ```js-code
 * { minWidth: 350, maxWidth: 600 }
 * ```
 * Example output
 * ```js-code
 * '(min-width: 350px) and (max-Width: 600px)'
 * ```
 * @module jsonToMediaQuery
 * @param {Object} query - an object consisting of the query type and value
 * @param {Document | Window | Node | React.ReactElement | React.Component} el - component or DOM node which will be passed to the pixel conversion if the unit type is `em`
 * @returns {string} media query string
 */
declare function jsonToMediaQuery(query: Query, el?: Document | Window | Node | React.ReactElement | React.Component): string;
export default jsonToMediaQuery;
export { jsonToMediaQuery };
//# sourceMappingURL=jsonToMediaQuery.d.ts.map