import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
import React from 'react';
import { useQuery, Box } from '@chakra-ui/react';

var Hide = function (_a) {
    var _b;
    var children = _a.children, breakpoint = _a.breakpoint, above = _a.above, below = _a.below, props = __rest(_a, ["children", "breakpoint", "above", "below"]);
    var queryProps = { breakpoint: breakpoint, above: above, below: below };
    var query = useQuery(queryProps);
    var media = query && "@media ".concat(query);
    return (React.createElement(Box, __assign({ sx: (_b = {},
            _b[media] = {
                display: 'none',
            },
            _b) }, props), children));
};

export { Hide as default };
//# sourceMappingURL=index.js.map
