@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
8 lines (7 loc) • 938 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { VuiPopover } from "../popover/Popover";
import { VuiSpacer } from "../spacer/Spacer";
export const VuiAccountMenu = ({ isOpen, setIsOpen, button, info, children }) => {
return (_jsx(VuiPopover, Object.assign({ className: "vuiAccountMenu", isOpen: isOpen, setIsOpen: () => setIsOpen(!isOpen), button: button, header: info &&
info.length > 0 && (_jsx("div", Object.assign({ className: "vuiAccounrMenuHeader" }, { children: info.map((item, index) => (_jsxs("div", Object.assign({ className: "vuiAccountMenuHeaderItem" }, { children: [_jsx("div", Object.assign({ className: "vuiAccountMenuHeaderItem__title" }, { children: item.title })), _jsx("div", Object.assign({ className: "vuiAccountMenuHeaderItem__value" }, { children: item.value })), index < info.length - 1 && _jsx(VuiSpacer, { size: "m" })] }), index))) }))) }, { children: children })));
};