@veracity/vui/dist/sidemenuV2/sidemenuTopV2.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { cs } from "../utils/styles.js";
import { omitThemingProps, useStyleConfig } from "../core/theme.js";
import { Box } from "../box/box.js";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/sidemenuV2/sidemenuTopV2.tsx
/** Top container. */
const SidemenuTopV2 = (props) => {
	const { className, leftSlot, rightSlot, ...rest } = omitThemingProps(props);
	const styles = useStyleConfig("Sidemenu", props);
	if (!leftSlot && !rightSlot) return null;
	return /* @__PURE__ */ jsxs(Box, {
		className: cs("vui-sidemenu-top", className),
		mb: 1,
		w: "100%",
		...styles.sidemenuTop,
		...rest,
		children: [!!leftSlot && /* @__PURE__ */ jsx(Box, {
			alignItems: "center",
			className: "vui-sidemenu-top-left",
			minW: 52,
			children: leftSlot
		}), !!rightSlot && /* @__PURE__ */ jsx(Box, {
			className: "vui-sidemenu-top-left",
			children: rightSlot
		})]
	});
};
SidemenuTopV2.displayName = "SidemenuTopV2";

//#endregion
export { SidemenuTopV2, SidemenuTopV2 as default };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=sidemenuTopV2.js.map