@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
11 lines (10 loc) • 741 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
import classNames from "classnames";
import { VuiAppSideNav } from "./appSideNav/AppSideNav";
export const VuiAppLayout = forwardRef(({ children, navItems, navContent, full }, ref) => {
const classes = classNames("vuiAppLayout", {
"vuiAppLayout--full": full
});
return (_jsxs("div", Object.assign({ className: classes }, { children: [(navItems || navContent) && (_jsx("div", Object.assign({ className: "vuiAppLayout__sideNav" }, { children: _jsx(VuiAppSideNav, { items: navItems, content: navContent }) }))), _jsx("div", Object.assign({ className: "vuiAppLayout__content", ref: ref }, { children: children }))] })));
});