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

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

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