import { cs } from "../utils/styles.js";
import { omitThemingProps, useStyleConfig } from "../core/theme.js";
import Box from "../box/box.js";
import { collapsedWidth } from "./consts.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: collapsedWidth,
			children: leftSlot
		}), !!rightSlot && /* @__PURE__ */ jsx(Box, {
			className: "vui-sidemenu-top-left",
			children: rightSlot
		})]
	});
};
SidemenuTopV2.displayName = "SidemenuTopV2";

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