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 AccordionButton from '../accordion/AccordionButton.js';

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

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