myprojectpackageprav
Version:
My package in npm
31 lines • 2.9 kB
JavaScript
import React, { useState } from "react";
import './accordions.css';
export default function Accordions(props) {
var _a = useState(0), clicked = _a[0], setClicked = _a[1];
var toggle = function (index, value) {
if (clicked === index && value === "expanded") {
return setClicked(null);
}
else if (value !== "expanded") {
return setClicked(index);
}
return setClicked(index);
};
return (React.createElement("div", null,
React.createElement("div", { className: props === null || props === void 0 ? void 0 : props.className }, props === null || props === void 0 ? void 0 : props.items.map(function (item, index) {
var _a, _b;
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: clicked === index ? 'accordion-item active' : 'accordion-item' },
React.createElement("div", null,
React.createElement("a", { className: ((_a = props === null || props === void 0 ? void 0 : props.inputProps) === null || _a === void 0 ? void 0 : _a.className) ? "accordion-head ".concat((_b = props === null || props === void 0 ? void 0 : props.inputProps) === null || _b === void 0 ? void 0 : _b.className) : 'accordion-head', href: 'javascript:void(0)', title: (item === null || item === void 0 ? void 0 : item.titlename) || (item === null || item === void 0 ? void 0 : item.title), key: index, onClick: function () { return toggle(index, clicked === index ? 'expanded' : 'collapsed'); } },
(props === null || props === void 0 ? void 0 : props.titleIcon) && React.createElement("span", { className: clicked === index ? props === null || props === void 0 ? void 0 : props.titleIcon : props === null || props === void 0 ? void 0 : props.titlecollapsedIcon }),
" ", item === null || item === void 0 ? void 0 :
item.title,
" ",
(item === null || item === void 0 ? void 0 : item.count) && React.createElement("span", { className: props === null || props === void 0 ? void 0 : props.count }, item === null || item === void 0 ? void 0 : item.count),
(props === null || props === void 0 ? void 0 : props.icon) && React.createElement("span", { className: props === null || props === void 0 ? void 0 : props.icon })),
(item === null || item === void 0 ? void 0 : item.actions) && React.createElement("span", null, item === null || item === void 0 ? void 0 : item.actions)),
(item === null || item === void 0 ? void 0 : item.content) && React.createElement("div", { className: "accordion-content" }, item === null || item === void 0 ? void 0 : item.content))));
}))));
}
//# sourceMappingURL=accordions.js.map