import { computed } from 'vue';
import '../../../hooks/index.mjs';
import useMenuColor from './use-menu-color.mjs';
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';

const useMenuCssVar = (props, level) => {
  const ns = useNamespace("menu");
  return computed(() => {
    return ns.cssVarBlock({
      "text-color": props.textColor || "",
      "hover-text-color": props.textColor || "",
      "bg-color": props.backgroundColor || "",
      "hover-bg-color": useMenuColor(props).value || "",
      "active-color": props.activeTextColor || "",
      level: `${level}`
    });
  });
};

export { useMenuCssVar };
//# sourceMappingURL=use-menu-css-var.mjs.map