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

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

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