focalxaiinspection
Version:
Focalx AI Inspection
34 lines (33 loc) • 1.29 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
require("./AccordionLayout.scss");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var AccordionLayout = function AccordionLayout(_ref) {
var title = _ref.title,
children = _ref.children,
index = _ref.index,
activeIndex = _ref.activeIndex,
setActiveIndex = _ref.setActiveIndex;
var toggle = function toggle(index) {
if (activeIndex === index) {
return setActiveIndex(null);
}
setActiveIndex(index);
};
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
className: "accordion-custom-item"
}, /*#__PURE__*/_react.default.createElement("div", {
className: activeIndex === index ? 'accordion-title active' : 'accordion-title',
onClick: function onClick() {
return toggle(index);
}
}, title), activeIndex === index && /*#__PURE__*/_react.default.createElement("div", {
className: activeIndex === index ? 'accordion-content show' : 'accordion-content'
}, children)));
};
var _default = AccordionLayout;
exports.default = _default;