@heycar-uikit/core/collapse/Collapse.js

The React UI library from HeyCar

var hooks_useCollapse = require('./useCollapse-2e18d3e1.js');
var React = require('react');
var cn = require('classnames');
require('./utils/getCollapseStyles.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);

var styles = {"collapse":"collapse__collapse_frz22"};
 require('./styles/default.css');

function Collapse(_a) {
    var children = _a.children, _b = _a.open, open = _b === void 0 ? false : _b, className = _a.className, dataTestId = _a.dataTestId, onTransitionEnd = _a.onTransitionEnd, restProps = hooks_useCollapse.__rest(_a, ["children", "open", "className", "dataTestId", "onTransitionEnd"]);
    var _c = hooks_useCollapse.useCollapse(open), collapseContent = _c.collapseContent, collapseStyles = _c.collapseStyles, handlerTransitionEnd = _c.handlerTransitionEnd;
    var classNames = cn__default["default"](styles.collapse, className);
    var handleTransitionEnd = function (event) {
        handlerTransitionEnd(event);
        if (onTransitionEnd) {
            onTransitionEnd(open);
        }
    };
    return (React__default["default"].createElement("div", hooks_useCollapse.__assign({ className: classNames, "data-test-id": dataTestId, onTransitionEnd: handleTransitionEnd, ref: collapseContent, style: collapseStyles }, restProps), children));
}
Collapse.displayName = 'Collapse';

module.exports = Collapse;