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

var MobileOnlyAccordionItem = function (props) {
    var _a;
    var children = props.children, rest = __rest(props, ["children"]);
    var query = useQuery({ above: 'md' });
    var media = "@media ".concat(query);
    return (React.createElement(AccordionItem, __assign({ sx: (_a = {},
            _a[media] = {
                border: 'none',
                _last: {
                    border: 'none',
                },
            },
            _a) }, rest), children));
};

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