hh-ui-components
Version:
13 lines • 1.75 kB
JavaScript
import React, { useState } from "react";
import { icons } from "../../icons/icons";
export var DrawerCollapse = function (_a) {
var columnItem = _a.columnItem, onClick = _a.onClick;
var _b = useState(false), open = _b[0], setOpen = _b[1];
return (React.createElement(React.Fragment, null,
React.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.createElement("a", { className: " text-[0.875rem] md:text-[1.823vw] font-normal text-graphite capitalize " }, columnItem.NavDropdownLabel),
open ? (React.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.minus)) : (React.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.add))),
open && (React.createElement("div", { className: " flex flex-col" }, columnItem === null || columnItem === void 0 ? void 0 : columnItem.NavDropdownItemList.map(function (item, index) { return (React.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)); })))));
};
export default DrawerCollapse;
//# sourceMappingURL=DrawerCollapse.js.map