import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
import React from 'react';
import { useMultiStyleConfig, Box } from '@chakra-ui/react';
import Show from '../show/index.js';
import Hide from '../hide/index.js';
import AccordionPanel from '../accordion/AccordionPanel.js';

var MobileOnlyAccordionPanel = function (props) {
    var children = props.children, rest = __rest(props, ["children"]);
    var panelOnDesktop = useMultiStyleConfig('Accordion').panelOnDesktop;
    return (React.createElement(React.Fragment, null,
        React.createElement(Show, { above: "md" },
            React.createElement(Box, __assign({ __css: panelOnDesktop }, rest), children)),
        React.createElement(Hide, { above: "md" },
            React.createElement(AccordionPanel, __assign({}, rest), children))));
};

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