hh-ui-components
Version:
18 lines • 2.05 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.DrawerCollapse = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var icons_1 = require("../../icons/icons");
var DrawerCollapse = function (_a) {
var columnItem = _a.columnItem, onClick = _a.onClick;
var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
return (react_1["default"].createElement(react_1["default"].Fragment, null,
react_1["default"].createElement("div", { onClick: function () { return setOpen(!open); }, className: " flex items-center w-full justify-between px-20 md:px-[2.604vw] py-[0.938rem] md:py-[1.953vw] text-[0.75rem] md:text-[1.563vw] cursor-pointer" },
react_1["default"].createElement("a", { className: " text-[0.875rem] md:text-[1.823vw] font-normal text-graphite capitalize " }, columnItem.NavDropdownLabel),
open ? (react_1["default"].createElement("svg", { className: "w-[0.875rem] h-[0.875rem] md:w-[1.823vw] md:h-[1.823vw]", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", role: "img", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Open Collapse" }, icons_1.icons.minus)) : (react_1["default"].createElement("svg", { className: "w-[0.875rem] h-[0.875rem] md:w-[1.823vw] md:h-[1.823vw]", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 14 14", fill: "none", role: "img", "aria-label": "Open Collapse" }, icons_1.icons.add))),
open && (react_1["default"].createElement("div", { className: " flex flex-col" }, columnItem === null || columnItem === void 0 ? void 0 : columnItem.NavDropdownItemList.map(function (item, index) { return (react_1["default"].createElement("a", { className: "text-[0.875rem] md:text-[1.823vw] font-normal text-graphite px-20 md:px-[2.604vw] py-[0.938rem] md:py-[1.953vw] cursor-pointer", onClick: onClick, key: index }, item.Label)); })))));
};
exports.DrawerCollapse = DrawerCollapse;
exports["default"] = exports.DrawerCollapse;
//# sourceMappingURL=DrawerCollapse.js.map