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

The React UI library from HeyCar

var hooks_useCollapse = require('./useCollapse-623e77d6.js');
var React = require('react');
var cn = require('classnames');
var styles = require('./styles/default.module.css');
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__default = /*#__PURE__*/_interopDefaultLegacy(styles);

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__default["default"].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;